![[Simple] How to draw a circle using SVG](/vi/qNMf1S9QKL0/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLD76YNivy7RxFlZmjRaFBbdenSiIg)
CSS-tricks
[Simple] How to draw a circle using SVG
0:51
![[Simple] CSS-tricks - How to add shadow on your text (and create a rainbow)](/vi/kvEpp6tJY7Y/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB9i_oYpQYMgGgcxd7nFPY_W4gVkg)
CSS-tricks
[Simple] CSS-tricks - How to add shadow on your text (and create a rainbow)
3:39
![[Simple] CSS-tricks - How to animate a wheel (keyframes)](/vi/iV9ImWf4KkU/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCnXuKEwE00I9U-OcPkkLF65zfgTA)
CSS-tricks
[Simple] CSS-tricks - How to animate a wheel (keyframes)
1:16
![[WTF] CSS-tricks: How to design tesla cybertruck in pure CSS (then apply for a job)](/vi/sh1wDEFyFr0/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBbhy-axYzMxzK35SrdnNuPqwNfEw)
CSS-tricks
[WTF] CSS-tricks: How to design tesla cybertruck in pure CSS (then apply for a job)
31:17
![[Simple] CSS-tricks - How to center my text](/vi/7MHke461mno/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDup_zq8c6-mmHwPiwlJ79lC70JHQ)
CSS-tricks
[Simple] CSS-tricks - How to center my text
0:43
![[Simple] CSS-tricks - How to align content horizontally using flexbox](/vi/bPihizOdHr8/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB-K1IWFI31hkBdcs-0wf-BaIegiQ)
CSS-tricks
[Simple] CSS-tricks - How to align content horizontally using flexbox
0:42
![[Simple] CSS-tricks - How to align content vertically using flexbox](/vi/tN_kWglAdFQ/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB2sG5awpvalF7W_YSl355ZPZx_fQ)
CSS-tricks
[Simple] CSS-tricks - How to align content vertically using flexbox
0:48
![[Simple] CSS-tricks - How to center content using flexbox](/vi/p0t6RVPP6l4/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDGBRwrYf9KT0iLdxTb2L_NdTfNYw)
CSS-tricks
[Simple] CSS-tricks - How to center content using flexbox
1:01
![[Material-UI] CSS-tricks - Custom switch](/vi/-sW-g-OD_yc/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDx0EWA1srW45ix2BQFexiHbgYQlA)
CSS-tricks
[Material-UI] CSS-tricks - Custom switch
12:52
![[Material-UI] CSS-tricks - Button with ripple effect (Pure CSS)](/vi/_0j6OxNOXjs/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLACSzr0QItqSjCZkl-8ZtBq2xoQPw)
CSS-tricks
[Material-UI] CSS-tricks - Button with ripple effect (Pure CSS)
4:59
![[Simple] CSS-tricks - How to draw a circle](/vi/0E46ruprRpY/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLB8gS7k_QiPuZMeXjgerdo2icQtHg)
CSS-tricks
[Simple] CSS-tricks - How to draw a circle
0:48
![[Simple] CSS-tricks - How to draw a triangle (clip-path)](/vi/QrENQCXI0OU/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBSOUpZidZroU9I1rFKfUxW_X_Q7A)
CSS-tricks
[Simple] CSS-tricks - How to draw a triangle (clip-path)
0:50
![[Medium] CSS-tricks - How to create an input with an animated bottom border](/vi/cxc8MbR2ORk/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBKEy5wrcFRtup0b5GHdBxi_StDzw)
CSS-tricks
[Medium] CSS-tricks - How to create an input with an animated bottom border
4:12
![[Simple] CSS-tricks - How to apply text transformation (capitalize, uppercase, lowercase)](/vi/BIr8397f51w/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCUgt2zBmeyV9vN-dF_F-BfmtzAlw)
CSS-tricks
[Simple] CSS-tricks - How to apply text transformation (capitalize, uppercase, lowercase)
1:15
![[Simple] CSS-tricks - How to create a link styled text](/vi/l2lA6eJs3bU/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAP25tWKqfEVFkRgVIiTMrrJTlNxA)
CSS-tricks
[Simple] CSS-tricks - How to create a link styled text
0:57
![[Simple] CSS-tricks - How to create a border](/vi/XJ5mmTa5jo0/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCa6dDr9B8LUEgTd6Hmcyj0BoljSA)
CSS-tricks
[Simple] CSS-tricks - How to create a border
1:13
![[Medium] CSS-tricks - How to create a cool looking box](/vi/w-ELi084q5s/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCyTTPmD1TG4WlLuvuGRPp7VPXtOA)
CSS-tricks
[Medium] CSS-tricks - How to create a cool looking box
3:03
![[Simple] CSS tricks - Italic text](/vi/2Di8WTXOyec/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDI5AfgtwiVwLUTibLE90rpBFkbKQ)
CSS-tricks
[Simple] CSS tricks - Italic text
0:23
![[Simple] CSS tricks - How to change font-size](/vi/EwLZNzpviZQ/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBt-vBhu6k7cflwS0896yYsxqwxBg)
CSS-tricks
[Simple] CSS tricks - How to change font-size
1:10
![[Simple] CSS tricks - How to change text color (with class)](/vi/GKwJqmXQrpY/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBkjG60206Vh3m3FrVuNsPc42Vsgw)
CSS-tricks
[Simple] CSS tricks - How to change text color (with class)
0:32
![[Simple] CSS tricks - How to change text color](/vi/sBudsrRxZjQ/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAuLfp9xa5uH2BWRMSUaaIdnHb83g)
CSS-tricks
[Simple] CSS tricks - How to change text color
0:23