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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22❤12🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
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.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤32👍27🔥3
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20❤14🔥7
🔅 Figma: Designing with Variables and Conditionals
🌐 Author: Joseph Labrecque
🔰 Level: Intermediate
⏰ Duration: 1h 1m
📗 Topics: Figma
📤 Join Webdev Training for more courses
🌀 Learn how to design with flexibility using variables and conditionals in the collaborative design tool Figma.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥2❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤27👍13🔥4
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍50❤13🔥6👎2
🔅 CSS: Images
🌐 Author: Morten Rand-Hendriksen
🔰 Level: Advanced
⏰ Duration: 2h 4m
📗 Topics: Cascading Style Sheets
📤 Join Webdev Training for more courses
🌀 Learn how to manipulate images and shapes to create distinctive visual effects in CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤6
This layout is ideal for creating documentation pages or any website with a fixed-width sidebar for navigation and a flexible content area for displaying information.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍37❤11
In CSS, content that participates in inline layout is called inline-level content. Most text sequences, replaced elements, and generated content are inline-level by default.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19❤🔥8👏2