--- title: "Astrit (@astrit) | Hashnode" description: "CSS.GG + https://a.st/yt. Read the latest articles by Astrit on Hashnode." url: "https://hashnode.com/@astrit" --- @astrit # Astrit @astrit · Stockholm · Joined December 2019 CSS.GG + https://a.st/yt [Website](https://a.st/) ### [🔴 CSS Battle #13 - Live March 18, 20:00 CET](https://astrit.hashnode.dev/css-battle-13-live-march-18-2000-cet?utm_source=hashnode&utm_medium=feed) Tomorrow, Thu 18 - 20:00 CET The new #13 CSSBattle.dev is going down live. 🔴 https://a.st/live Don't let this one flop be there and don't forget to "SET REMINDER" Let's show Dev Ed, Kevin Powell, Jh3y how this is done 💪 This is Spartaaaa !!! ... 1 min read · [astrit.hashnode.dev](https://astrit.hashnode.dev/css-battle-13-live-march-18-2000-cet?utm_source=hashnode&utm_medium=feed) [Mar 17, 2021](https://hashnode.com/posts/css-battle-13-live-march-18-2000-cet/60522e4cf2014e029d59001a) ### [Full Page: 20 Advanced CSS & HTML techniques: clip-path, @property, aspect-ratio and blend-mode](https://astrit.hashnode.dev/full-page-20-advanced-css-and-html-techniques-clip-path-property-aspect-ratio-and-blend-mode?utm_source=hashnode&utm_medium=feed) Today I am sharing with you this advanced CSS & HTML tutorial where we are going to go through some of the best techniques to achieve the effect that you see on this landing page like mix-blend-mode, clip-path, position: sticky, css grid and what not... 2 min read · [astrit.hashnode.dev](https://astrit.hashnode.dev/full-page-20-advanced-css-and-html-techniques-clip-path-property-aspect-ratio-and-blend-mode?utm_source=hashnode&utm_medium=feed) [Mar 6, 2021](https://hashnode.com/posts/full-page-20-advanced-css-and-html-techniques-clip-path-property-aspect-ratio-and-blend-mode/6043a73e5a56f82fa3ecbe91) ### [CSS.GG + Vercel & Updates](https://astrit.hashnode.dev/cssgg-vercel-and-updates?utm_source=hashnode&utm_medium=feed) Hello everyone, Long time no see. Short update. First of all thank you to every single one of you who has contributed for this project to be where it is, with a single like, star or using it on your project. So far this has been incredible 7,140 S... 3 min read · [astrit.hashnode.dev](https://astrit.hashnode.dev/cssgg-vercel-and-updates?utm_source=hashnode&utm_medium=feed) [Feb 24, 2021](https://hashnode.com/posts/cssgg-vercel-and-updates/60364cb305efef7f0a9d35b4) ### [CSS Animation: translate3d, backdrop-filter and custom tags](https://astrit.hashnode.dev/css-animation-translate3d-backdrop-filter-and-custom-tags?utm_source=hashnode&utm_medium=feed) Hello everyone, On this tutorial we are going to learn on how to create a smooth animation using CSS transform translate3d prop, why to use cubic-bezier transition timing function and its benefits. How and why to use custom tags. And if you watch t... 1 min read · [astrit.hashnode.dev](https://astrit.hashnode.dev/css-animation-translate3d-backdrop-filter-and-custom-tags?utm_source=hashnode&utm_medium=feed) [Feb 18, 2021](https://hashnode.com/posts/css-animation-translate3d-backdrop-filter-and-custom-tags/602ec344bfecab23c3524d3c) ### [css.gg 2.0](https://astrit.hashnode.dev/cssgg-20?utm_source=hashnode&utm_medium=feed) css.gg 2.0 is out now700 UI Icons in Pure CSS, SVG & Figma 🔥 200 New Icons🔥 SVG Icons by figma.com/@lona🔥 SVG Sprite by figma.com/@lona🔥 Styled Components - ⚛ React JS🔥 Local Styled Components🔥 Figma Components - css.gg/fig🔥 Adobe XD Component... [astrit.hashnode.dev](https://astrit.hashnode.dev/cssgg-20?utm_source=hashnode&utm_medium=feed) [Apr 23, 2020](https://hashnode.com/posts/cssgg-20/5ea17dcf12892a3c760b4677)