How To Create a Stylish Drop Cap Effect with CSS3.

A drop cap is the first character of a document or paper that is the largest letter of the page and takes up several lines or sentences of the first paragraph.
In web design you can create a Drop Cap Effect with CSS3 pseudo-element – :first-letter

Source Code:

1
2
3
4
5
6
7
p:first-letter{
display:block;
margin:5px 0 0 5px;
float:left;
color:#FF3366;
font-size:5em;
}

My official WebSite >