tomayac’s Twitter Archive—№ 18,669

Love this cool interactive tutorial by @JoshWComeau on creating beautiful shadows. Especially note the GPU acceleration for the drop-shadow() function and the core difference to the drop-shadow property: developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow%28%29#:~:text=Note%3A%20This%20function%20is%20somewhat%20similar%20to%20the%20box-shadow%20property.%20The%20box-shadow%20property%20creates%20a%20rectangular%20shadow%20behind%20an%20element%27s%20entire%20box%2C%20while%20the%20drop-shadow%28%29%20filter%20function%20creates%20a%20shadow%20that%20conforms%20to%20the%20shape%20%28alpha%20channel%29%20of%20the%20image%20itself%2E. x.com/JoshWComeau/status/1437418401291546624