What you will find here

In this repository you will find some useful snippets that I create from my own or that I have seen interesting in other places and I want to recreate.

Table of contents

3D rotate cards 🔮

3D rotation effect while hovering the card element. Using transform-style and backface-visibility properties and perspective and translateZvalues in transformproperty to get a depth effect.

A flex-grow Gallery 🔮

A gallery using a couple of effects. The flex-grow property and :has() pseudoclass with transition which give us a sense of expansion when hovering over images, including increasing the size of the previous and next image. A way to create shape dividers between web sections whitout using SVG's or similar, just clean CSS.

Form styling 🔮

Getting the forms to look the way we want can be an odyssey. With these snippets I want to show how it is possible to achieve without going crazy.

Shape divider 🔮

A way to create shape dividers between web sections whitout using SVG's or similar, just clean CSS.

---

Enjoy ☺