Ashley Cameron Design

Ashley Cameron Design

Shop the Creative Design Market

Good afternoon
Fancy Flexible Drop Cap

CSS A Fancy & Flexible Drop Cap Letter

This post was last updated: Sep 4, 2020
Tutorials

About a 1 minute read

"If you truly love nature, you will find beauty everywhere."

Vincent Van Gogh

A drop cap is a fun and elegant design element to add interest to a story. Adding these to your website is just as easy. This video shows an example of how to add another level of detail by including a background behind the letter. You may want to target your paragraph styles more specifically by adding an id or class before the p:first-of-type::first-letter. In this isolated example, a general <p> is fine.