🔰 Drop Cap In CSS

Drop cap is a typography technique where the first letter of a new chapter is dropped to occupy multiple lines. You may be familiar with this through books!

🔥 In CSS, this can be achieved through the initial-letter property, with a value indicating the number of lines to drop the character to

This property works only inside the ::first-letter pseudo element (and some other exceptions)

This also supports a multi value syntax of the format initial-letter: 3 2; where 2 indicated to have the baseline at line 2 (leave a gap of one line)

⚠️ This is not widely supported and required a vendor prefix to work in all browsers

🔰 🔰 Sequence of triggers in HTML and JavaScript!!

This behavior is known as event bubbling in JavaScript. When an event is triggered on an element, the event starts from the target element and then "bubbles up" to its parent elements, triggering their event handlers as well.

🔰 Adding custom cursors in CSS! 🔥

The cursor property in CSS supports providing simple values, like 'pointer', for predefined cursors.

Or you can even plug in your own cursors!

This would look great in games, or special applications like spreadsheets, video editors etc.

✅ Circle Image In CSS🤩🔥
______