72 followers
Animations have become an essential part of web design, and developers now use these to beautify content on websites. Before the release of CSS3, front-end developers had to perform animations with JavaScript, which wasn't an all pleasing process. St...
nelsonmichael.dev
Introduction There are some selectors in CSS that does the JavaScript magic. They work perfectly as expected, and take a few presses to achieve them. These CSS snippets are relatively not new, and yet not implemented by most developers, developers un...
Ever wondered how to make a playing card, Pokemon card of CV Card flip in CSS? Today we are going to do this together. HTML Setup For the HTML part we need at least the following, its up to you to make it even more fancy later on. <div class="flip-ca...
This article was originally posted on my website. Before You Read This is a work in progress, you might encounter typos or worse.﹣ Read at your own risk. 😄 TLDR Use the :not() pseudo class for the alternate state. Toggle the *--closed class to s...
cedpoilly.hashnode.dev
Hi fellow React developers. I just released an npm-package for designers and react developers. Feel free to use as you wish and your feedbacks are always welcome. If any issue is encountered, issues on github and pull requests are also welcomed. Link...
NB: I have herein taken the liberty of using the terms 'solar system' and 'universe' interchangeably. Developers from an organization called The Lair have built a button ... an all-powerful button with the power to end the universe. If we were to be...
Wryhder.hashnode.dev
In this article, I will show you how to use animation effects on your website. This method is very simple and easy. Also no need to download anything. If this article is helpful for you? so, please don't forget to follow and share. So let's talk abou...
faiz.hashnode.dev
Ok, where do I start. First thanks to Peter Thaleikis for suggesting this. Second is not very technical. Third is personal. Fourth not as usual, stupid but real. The why ? Some times is not the reason why you think that drives a project forwar...
astrit.hashnode.dev
Today, we are going to build a circular progress bar using the Animated library of react native with the help of three semicircles. Let's understand the concept first then we will dive into coding. Concept We have a base outer circle that serves as a...
iamshadmirza.com
CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animat...
