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 Previews
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,216 |
Do you need developer help for Drop-Cap?
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!
Jeya Karthika (jeyakarthika) Script Codes
| Name | Size |
| Flat UI Colours | 1,860 Kb |
| Html-basics-bloc | 1,541 Kb |
| A Pen by Jeya Karthika | 1,972 Kb |
| To do List | 2,692 Kb |
| Stitched Button | 1,593 Kb |
| Pure CSS3 menu | 1,675 Kb |
| Stack of papers | 1,569 Kb |
| Highlighting Selected Text | 1,673 Kb |
| CSS Loader | 2,323 Kb |
| Color-ful gradient stripes | 1,441 Kb |
Create amazing SEO content with AI!
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!
Similar Scripts & Codes
| Name | Username | Size |
| HTM5 picture dropzone | Jaysalvat | 2,576 Kb |
| A Pen by Jess | Jessamyne | 5,100 Kb |
| Search field | Jamesbarnett | 2,100 Kb |
| Ghost | Mghayour | 11,738 Kb |
| DIV wormhole | Heydon | 1,932 Kb |
| Simple canvas drawing -- simplified lines | Anandthakker | 3,127 Kb |
| Lazy Load for Background Images | The_ruther4d | 2,977 Kb |
| Birthday Party Starter | Aussieyang | 1,629 Kb |
| Obligatory CSS3 UI Nav | Romandiaz | 9,017 Kb |
| A Pen by Matt Popovich | Mpopv | 3,349 Kb |
Do you want hide your ip address?
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!