Eleftheria BatsouProeleftheriabatsou.hashnode.dev·Jan 2, 2024Advanced CSS Animations and ExamplesIntroduction In the realm of web design, animations play a pivotal role in captivating user attention and creating dynamic, immersive experiences. In this article, I'll show you some advanced CSS animations with examples. We're going to discuss keyfr...Discuss·19 likes·102 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Eleftheria BatsouProeleftheriabatsou.hashnode.dev·Dec 22, 2023CSS Art Tutorial: Creating a Christmas Scene (and Animating the Mountains and the Tree) 🎄❄️Introduction In this article, I'll show you how to create a Christmas scene with snowy mountains, a tree, a little home and a cute human with SCSS+HTML! Tools and resources: I'm using codepen. Clippy You'll learn: How to create different shapes ...Discuss·35 likes·97 reads🖱CSS Art and small HTML/CSS/JS projects [Codepen]CSS
Medeavulcanwm.hashnode.dev·Jun 20, 2023Create CSS Animations easilyI've recently created a template to easily create animations with CSS. Go to this GitHub repository to use the template: https://github.com/VulcanWM/css-animation Creating CSS Animations Define animation frames as HTML <div> elements with the class...Discuss·49 readsHTML
Raj Sarkarrajsarkar.hashnode.dev·Mar 30, 2023CSS Animation Properties 101: Mastering the Basics"Modern CSS properties now hand you nearly all of the tools you’ll need to create memorable experiences for your users." Adam Kuhn, front-end web developer Introduction CSS Animations is a powerful module of Cascading Style Sheets that adds dynamic ...Discuss·76 readsCSS Animation
SYED IMAMsyedimam.hashnode.dev·Dec 26, 2022Enhance User Experience with Scroll-Triggered Animations on the Website.HELLO Gorgeous People !!! on internet. In this article let's learn about how to bring up the animations at the right time while you scroll the website. Here we will be using the FRAMER-MOTION package which helps us to develop animations within second...Discuss·112 readscss animations
Ishratishratumar.hashnode.dev·Nov 7, 2022An Introduction to CSS Transitions!Introduction: It is possible to create animations in CSS using CSS Transitions or CSS Animations. In this article, we'll focus on CSS Transition and its properties. https://giphy.com/gifs/RosannaPansino-rosanna-pansino-ro-nerdy-nummies-JRmKnYCDaAHOQF...Discuss·5 likes·172 reads2Articles1Week
Chetan vermablog.chetanverma.com·Aug 1, 2022FeaturedHow to create Awesome text animation with framer-motionHere is the video for this tutorial - https://youtu.be/wgXLE_GZ9sM Hey Internet, In this blog, we will create text animations with framer-motion. In this blog, we are going to use Next.js but you can follow this for any React Project. So to get start...Discuss·75 likes·4.9K readsanimation
Idukpaye alexjourney-dev.hashnode.dev·May 7, 2022CSS animationsCSS animations make it possible to animate transitions from one CSS style configuration to another. In this article, we will uncover the basics of CSS animation and making a simple loading spinner. CSS Animation is extremely powerful and should not b...Discuss·74 readsHTML & CSSCSS Animation
Akash Pradhanenterakash.hashnode.dev·Sep 13, 202110 Best Free CSS Animation Libraries For The WebThere are an awful lot of libraries that want to help you animate things on the web and make your website more attractive. These libraries are is of ready-to-use, cross-browser animations for you to use in your projects. The 10th one is the CSS WA...Discuss·103 readsCSS Animation
Ghostjst.hashnode.dev·Oct 25, 2020Creating Micro Animations with CSSFollow me on Twitter @ js_tut for tutorial updates. I'll start this tutorial with an example of what a micro animation is and then explain how I created my own. You're probably already familiar with Twitter's "heart" animation every time you press ...Greg Sidekick and 2 others are discussing this3 people are discussing thisDiscuss·24 likes·1.4K readscss animations