💻 Using box shadow in a way you might not have expected
▪️ Here we create a box shadow with 0 blur and some offset to create a duplicate layer
▪️ Then we create a similar layer but a pixel more of spread, to create a pseudo border
▪️ Finally another actual box shadow layer
Box shadows in CSS can be layered. You can apply multiple box shadows for the same element. This is generally used for a rich and realistic box shadow, but what's stopping us hacking this 🤭
▪️ Here we create a box shadow with 0 blur and some offset to create a duplicate layer
▪️ Then we create a similar layer but a pixel more of spread, to create a pseudo border
▪️ Finally another actual box shadow layer
🤗3👍2
Ultimate Guide to Web Design V.3.0.pdf
41.4 MB
#/EBook #/WebDesign #/UI
Ultimate Guide to Web Design V.3.0
https://t.me/html_css_js_frontend_projects
Ultimate Guide to Web Design V.3.0
https://t.me/html_css_js_frontend_projects
👍6
Did you like our channel? Do you want to request an advertisement? Now you can request an advertisement by contacting us via the ID that
👇
@We_D5
👇
@We_D5
❤1
🔰 Drop Cap In CSS
🔥 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
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