Using filter: drop-shadow instead of box-shadow is also very useful when dealing with shadows on PNG images with transparency. Otherwise the shadow will not adapt to the transparency of the PNG and it will be around the square/rectangular frame of the image
Awesome video. I’ve only used filter: inverse(1) when putting dark logo images on a dark background (and vice versa) because it seems (to me, anyway) that simply inverting an image should be faster than playing with blending. Very cool to see these other filters.
Kevin, I have learned a lot about CSS from your videos so thank you. I have one request for you can you make a video about theming in CSS and SASS? What is your opinion do we need to load a separate file in DOM for every theme, or we can have it all in our styles.css file. Do we need to use mixins if we are using SASS and do you use "prefers-color-scheme" for your works? Thank you in advance.
Hey Kevin, as always, a wonderful and inspiring video 👍❤️ I wonder if you could show us how to create a shadow around a column (middle column) inside a table which also has overlapping shadow problems. I can't find a good solution for that. I would appreciate a solution and explanation by you or any good source or tutorial suggestion 😊 Thanks alot 🙂
Great video as usual. The 'Fun CSS Effects' playlist doesn't show up on your channel. How do I get to the playlist? The in-video link just loads a video.
Hey Kevin - i am struggeling with - the xtra page in it with a todo list in it. I have a lot of grids, like you teached us, and in one single one, i added an . In it should work the todo list. i call the frames by a dropdown menue. Every other site in it works perfektly, but not the todolist by adding an entry. I studied stackoverflow and W3School but i didn´t find any anser to my problem. Could you help me please, or this community here? Thx for all what will be
Hi Kevin, Can you make a video on the masking video background. I have. Video background I want to mask it with some words. If you already have can you please share the link? Thank you
Hi Kevin, I wanted to know is there any way that without using html only by css we call function from ts file. I know question look idiotic but I facing one issue where class and id are deprecated. That's why I take class from browser and style them and at one place I want to do some Javascript code but don't know how to call that function. I hope my explanation is good and clear.
Great video! Lovely content as per usual. But honest to god, you really need to change that introduction because it’s getting creepy to the point I’m skipping the beginning of your videos
Ngl, even though you enunciate the *hell* out of it I still heard it at "friend and friends" 😂😂 Also, since April Fools is coming up, you should totally actually say "friend and friends" for a video of you put one out then and see if anyone notices 😂
so, when i do the grayscale filter it just standing as it is, i was putting the animation, it s standing the same, and the text only go behind the image. solve?
It's too bad that Safari (even most recent Tech Preview) and mobile Safari all break the drop-shadow filter. I've reported this to Apple, but it remains broken.
As an interesting, or important note, order matters. I swear I only ever use filter in the strange use cases though. Something like turning black into some other color with invert, sepia, saturate, hue-rotate. Usually on something you can't change, like being lazy with a Base64 svg uri saved as black. Oh as a secondary interesting note, be careful filtering things on top of filtered items, especially if there are transitions. Blink doesn't like it. Quantum is fine though.
Thanks for another nice and informative video! Quick question: isn’t the drop-shadow filter hardware accelerated? If yes, it could spare us the whole pseudo element hack.
Not that I can think of... If we could use spread with this, it would sort of be possible with a bit of a hack, but we can't do that, so I don't think there is another option 🤔
