#pseudoelements — Public Fediverse posts

Анатомия «живой» кнопки: 5 слоёв, GPU-анимация и трюки с CSS

Хочу поделиться кейсом, когда разработка типичного tab-switcher превращается в настоящее архитектурное решение.

https://habr.com/ru/articles/1047114/

#css #frontend #ui #uicomponents #cssanimation #gpuanimation #mixblendmode #9slice #pseudoelements #webdev

#Development #Cheatsheets
Styling highlight-y pseudo-elements · Which texts they target and how to customize them https://ilo.im/16a75e

_____
#Text #Highlighting #PseudoElements #Usability #Accessibility #Browsers #WebDev #Frontend #HTML #CSS

#Development #Cheatsheets
Styling highlight-y pseudo-elements · Which texts they target and how to customize them https://ilo.im/16a75e

_____
#Text #Highlighting #PseudoElements #Usability #Accessibility #Browsers #WebDev #Frontend #HTML #CSS

Simulating Crop Marks

https://web.brid.gy/r/https://frontendmasters.com/blog/simulating-crop-marks/

#Development #Cheatsheets
CSS selectors: A visual guide · Usage of CSS selectors and pseudo-classes/elements at a glance https://ilo.im/14qx8b

_____
#WebDev #Frontend #CSS #CssSelectors #PseudoClasses #PseudoElements #Visualization

#Development #Cheatsheets
CSS selectors: A visual guide · Usage of CSS selectors and pseudo-classes/elements at a glance https://ilo.im/14qx8b

_____
#WebDev #Frontend #CSS #CssSelectors #PseudoClasses #PseudoElements #Visualization

The CSS :has Selector (and 4+ Examples) https://css-tricks.com/the-css-has-selector/"The CSS :has Selector (and 4+ Examples)"

The CSS :has selector helps you select elements when they contain other elements that match the selector you pass into :has().

Read more: https://css-tricks.com/the-css-has-selector/

#:has #:is #:not #pseudoelements