Sliding 3D Image Frames In CSS

Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup and pseudo-elements in the styles to pull it off. Temani Afif applies 3D effects and sliding transitions to a single <img> using clever CSS techniques that demonstrate advanced, modern styling practices. https://smashingmagazine.com/2024/04/sliding-3d-image-frames-css/

Vytvorené 24d | 12. 4. 2024, 18:40:05


Ak chcete pridať komentár, prihláste sa

Ostatné príspevky v tejto skupine

How To Harness Mouse Interaction Data For Practical Machine Learning Solutions

In this article, Eduard Kuric discusses mouse interaction data, what kind of magic can be done with it, and some of the hidden pitfalls to watch out for so you get a head start incorporating them in y

6. 5. 2024, 12:30:03 | Smashing magazine
Combining CSS :has() And HTML <select> For Greater Conditional Styling

Amit Sheen demonstrates using :has() to apply styles conditionally when a certain <option> in a <select> element is chosen by the user and how we gain even more conditional styling capabilities

2. 5. 2024, 12:30:03 | Smashing magazine
Longing For May (2024 Wallpapers Edition)

May is almost here, so what better occasion could there be for some fresh and inspiring desktop wallpapers? Created with love by artists and designers from across the globe, the wallpapers in this pos

30. 4. 2024, 14:50:03 | Smashing magazine
Lessons Learned After Selling My Startup

Business acquisitions are common but often shrouded in mystery because they happen behind closed doors. In this article, Yaakov details the story of his company and the journey it took him on, sheddin

29. 4. 2024, 18:20:12 | Smashing magazine
The End Of The Free Tier

Free-tier pricing is a common marketing strategy. “Free” gets people in the door and allows them to settle in and see how things work. But, as Juan Diego Rodriguez explains, the practice of free *tier

26. 4. 2024, 15:10:12 | Smashing magazine
Conducting Accessibility Research In An Inaccessible Ecosystem

Conducting UX research that includes participants with a variety of disabilities is vital to building inclusive technology, but most prototypes used for testing are inaccessible. Rather than continuin

25. 4. 2024, 18:30:21 | Smashing magazine
Using AI For Neurodiversity And Building Inclusive Tools

This article illustrates how AI can be leveraged to build tools that can be inclusive with a little bit of an additional effort. https://smashingmagazine.com/2024/04/ai-neurodiversity-building-inclusi

25. 4. 2024, 11:40:19 | Smashing magazine