Drop-Cap
How do I make an drop-cap?
Simple CSS3 Drop-Cap implementation. What is a drop-cap? How do you make a drop-cap? This script and codes were developed by Jeya Karthika on 28 November 2022, Monday.
Drop-Cap - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Drop-Cap</title> <script src="//use.edgefonts.net/source-sans-pro:n2,i2,n3,i3,n4,i4,n6,i6,n7,i7,n9,i9:all.js"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1> Drop-Caps with CSS3
</h1>
<div> <p>Cupcake ipsum dolor sit. Amet macaroon applicake cupcake gummies chocolate bar donut tootsie roll chupa chups. Apple pie chocolate dragée tiramisu marzipan gummi bears icing chocolate donut. Toffee sweet roll I love. Fruitcake wafer powder. Jelly I love jelly beans marshmallow jujubes jelly oat cake jujubes apple pie. Marzipan dragée tootsie roll I love ice cream I love halvah chupa chups. Biscuit caramels caramels oat cake candy. Gummi bears chocolate bar I love soufflé chocolate cake caramels tart. Jujubes jelly-o dragée sweet. Candy pudding pie liquorice wypas macaroon oat cake faworki. Lollipop jelly beans cupcake jelly-o bonbon halvah bear claw. Pastry carrot cake gingerbread gingerbread wafer brownie cake I love I love. Lemon drops sweet roll faworki gummi bears bonbon marshmallow sugar plum brownie. Tart chocolate cake tiramisu. Chocolate liquorice soufflé chupa chups apple pie wafer macaroon cotton candy. Sweet roll halvah apple pie sweet roll marshmallow I love I love toffee cotton candy. Marzipan toffee donut danish fruitcake. Tart chocolate cake tiramisu. Chocolate liquorice soufflé chupa chups apple pie wafer macaroon cotton candy. Sweet roll halvah apple pie sweet roll marshmallow I love I love toffee cotton candy. Marzipan toffee donut danish fruitcake. Tart chocolate cake tiramisu. Chocolate liquorice soufflé chupa chups apple pie wafer macaroon cotton candy. Sweet roll halvah apple pie sweet roll marshmallow I love I love toffee cotton candy. Marzipan toffee donut danish fruitcake. Tart chocolate cake tiramisu. Chocolate liquorice soufflé chupa chups apple pie wafer macaroon cotton candy. Sweet roll halvah apple pie sweet roll marshmallow I love I love toffee cotton candy. Marzipan toffee donut danish fruitcake. </p> <p> Toffee soufflé lemon drops liquorice bear claw. I love croissant sugar plum bear claw soufflé dragée fruitcake. Cupcake dessert dessert halvah carrot cake icing. Fruitcake sesame snaps danish croissant I love. Oat cake tootsie roll I love candy canes fruitcake pie cookie I love cotton candy. Jelly beans I love jelly-o cake lemon drops chupa chups jelly beans lollipop gingerbread. Pudding donut jelly beans candy. Cheesecake fruitcake tootsie roll carrot cake wypas danish gummies gummies I love. </p> <p> Marzipan danish cheesecake lemon drops lollipop wypas croissant cookie. Candy canes marshmallow sugar plum bonbon sweet icing icing sesame snaps cupcake. Caramels fruitcake I love toffee bonbon muffin. I love gingerbread ice cream. Topping tart sugar plum. Caramels chocolate cake tiramisu pie cotton candy candy canes cotton candy sweet roll. </p>
</div>
</body>
</html>
Drop-Cap - Script Codes CSS Codes
body { width: 100%; background-color: #f1c40f; font-family: source-sans-pro, sans-serif;
}
h1 { color: #e67e22; font-size: 80px; font-weight: 200; text-align: center; margin-bottom: 35px; text-shadow: #d35400 -1px 0, #d35400 0 -1px, #d35400 0 1px, #d35400 -1px -2px;
}
p { color: #ffffff; width: 80%; margin: auto; margin: 20px auto; text-align: justify;
}
p:first-child:first-letter { float: left; color: #1abc9c; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; text-shadow: #16a085 -1px 0, #16a085 0 -1px, #16a085 0 1px, #16a085 -1px -2px;
}

Developer | Jeya Karthika |
Username | jeyakarthika |
Uploaded | November 28, 2022 |
Rating | 4 |
Size | 2,437 Kb |
Views | 18,207 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Stack of papers | 1,569 Kb |
Flat UI Colours | 1,860 Kb |
Rails Girls Bootstrap Demo | 1,168 Kb |
To do List | 2,692 Kb |
Custom Coloured Text Selection with CSS3 | 1,640 Kb |
A Pen by Jeya Karthika | 1,972 Kb |
Subscription Form | 2,069 Kb |
Highlighting Selected Text | 1,673 Kb |
Beautiful gradient | 1,388 Kb |
Html-basics-bloc | 1,541 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Birthday Party Starter | Aussieyang | 1,629 Kb |
Formations | Cantelope | 5,731 Kb |
Parallax with only CSS | Thulioph | 2,297 Kb |
Elephants Full screen site | Orrinward | 3,981 Kb |
A Pen by Andrea Verlicchi | Verlok | 2,018 Kb |
Blog Concept 2 | JGallardo | 2,994 Kb |
Sass Get Function | Lukewatts | 2,155 Kb |
Virtual vinyl | Davidpanik | 3,474 Kb |
Bootstrap 3 Price Table | Honglio | 2,655 Kb |
Transitioning application screens with semantically named classes | Djgrant | 3,697 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!