3,315 views
CSS animation tutorial in German for beginners. I'll show you how to set CSS keyframes and use them with the CSS animation attribute. The result can be used as a page loader or when content is subsequently loaded onto your website via JavaScript. Happy coding! ⏩ Video content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 00:00 Introduction and preparation 00:54 HTML elements (Emmet) 01:34 CSS for page loader 03:15 CSS for cubes 04:47 Creating CSS keyframes 07:00 CSS animation 08:30 Fine-tuning keyframes 10:17 Animation of second element 11:28 What happens next? ⭐ This might also interest you - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Learn HTML in just 1 hour: ↪︎ • Learn HTML in 60 minutes // HTML tuto... My top 10 VS Code extensions: ↪︎ • The 10 BEST Visual Studio Code exte... CSS Flexbox in just 20 minutes: ↪︎ • CSS Flexbox tutorial German for beginners... ???? About this channel and me - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Efficient and easy web development. Everything about web development, web design and related topics. My name is Mario and I have been working as a web developer for over 15 years. Some tutorials on this channel are suitable for absolute beginners with no prior knowledge, and others for experienced developers. Start now! / @programmierenmario #CSS #ProgrammierenM