Tag: CSS Animations
All posts related to CSS animations. Find more CSS tools here – https://tools.webdevpuneet.com/

Content loading animation via CSS
Here is a simple content-loading animation I created in one of my freelance projects that looks similar to the other content-loading animations you might have seen on other websites like Facebook. The logic is to animate the background gradient from left to right in...
Simple CSS blinking cursor
Here is an example of simple CSS only blinking cursor that you can use and modify according to your needs. I have used keyframes to introduce infinite blinking animation to the cursor. See the Pen Simple CSS Blinking Cursor by Puneet Sharma (@webdevpuneet) on...Eye SVG/CSS Animation
You can apply the following css to your SVG to animate it. For eyes, you will need to measure transform-origin i.e. distance of the center of each eye from the top and leftmost part of the SVG. /* Keyframes */ @keyframes eyes { 0%{ transform: scale(1,1); } 27.5%{...