To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.
Multiple transforms
Small #Css tip: You can chain multiple Css transforms to create all kinds of cool (hover) effects. 😃
👇Live preview in the CodePen below!11:54 AM - 02 Jan 2021
Css transform docs: https://developer.mozilla.org/en-US/docs/Web
Images url’s in custom properties
Small #css tip: You can use Css custom properties or variables to store (background) image urls! 😃
👇Live preview in the CodePen below!13:02 PM - 03 Jan 2021
Multiple background images
Small #css tip: You can layer multiple css background images on a single element to create some nice looking effects.
👇Live preview in the CodePen below!12:33 PM - 04 Jan 2021
Filter Drop Shadow
Small #css tip: While box-shadow creates a shadow around the edge of an image file. filter: drop-shadow() instead uses the images alpha channel, if possible, to create a shadow around the inner shape!
👇Live preview in the CodePen below.12:10 PM - 05 Jan 2021
Css dop-shadow docs: https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow()
Making selections with Css pseudo-selectors
So it’s here! My very first Youtube video where we will be taking a look at how we can use #css pseudo-selectors/classes to select specific elements.
Please be kind!? 🙈🤣 youtube.com/watch?v=6JZ2sU…15:17 PM - 27 Jan 2021
Blog post: https://dev.to/vanaf1979/making-selections-with-css-pseudo-selectors-30p7
Subscribe and Follow
Subscribe to my Youtube channel.
Thanks for reading/watching and stay safe
Top comments (2)
Thank you kunal! 😀
Thanks joseph! Glad you got something out of it! 😀