Create a diamond grid with CSS (with a bonus animation)

Make judge to cheque retired and bosom Alvaro's original Codepen, which inspired this video! https://codepen.io/alvaromontoro/pen/yLZVJRR 🔗 Links ✅ Alvaro's Codepen: https://codepen.io/alvaromontoro/pen/yLZVJRR ✅ More of Alvaro's work: https://alvaromontoro.com/blog ✅ Alvaro besides makes CSS-only comics! 👉 comiCSS: https://comicss.art/ ✅ My vanished version: https://codepen.io/kevinpowell/pen/NWmwYKr/2ed11be65a4c2686e61a5df41e0622cd ✅ The way editor I used: https://yqnn.github.io/svg-path-editor/ ⌚ Timestamps 00:00 - Introduction 01:16 - Creating nan grid 03:20 - Offsetting nan mediate row 03:50 - Creating nan gem shape 08:10 - Fitting them person together 10:40 - Animating nan clip-path 17:05 - Failed effort to support nan information corners connected hover 18:35 - The z-index “hack” to support items successful front 20:42 - Making nan elements slice retired connected hover 23:18 - Fixing nan rounder corners connected hover #css -- Come bent retired pinch different dev's successful my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to day pinch everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come bent retired pinch maine unrecorded each Monday connected Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 Support maine connected Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm connected immoderate different places connected nan net too! If you'd for illustration a down nan scenes and previews of what's coming up connected my YouTube channel, make judge to travel maine connected Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And immoderate you do, don't hide to support connected making your area of nan net conscionable a small spot much awesome!