SairProgramming

Tailwind - form Implemented in HTML and styled using Tailwind. The animations are created in CSS. SairProgramming #html #css #js #form

Animated Atom Logo Created and animated in HTML and SCSS. SairProgramming #html #css #js #loading

Card Carousel Implemented in HTML and CSS. When you hover over a card, CSS transformations are activated. SairProgramming #html #css #js #card

Trippy text Animations and transformations depend on the user's cursor position and are created in JS. SairProgramming #html #css #js #text

Carousel with drag and wheel The animation starts when you scroll the mouse wheel. The animation itself and the logic for its launch were created in JS. SairProgramming #html #css #js #swiper

Night & Day v2 Day/night switch with many animations created using the gsap library. SairProgramming #html #css #js #toggle

Icon Hover Effect Using Icons with an original hover effect, created in HTML and CSS. SairProgramming #html #css #js #hover

🔐 Protect Your Digital World with Kaspersky! 🔐 🌐 Safeguard your online life with our cutting-edge cybersecurity solutions: 💡 Smart Protection: Defend against threats without compromising your speed. 🔒 Unlimited VPN: Browse privately and securely, anywhere in the world. 🎮 Gamer-Friendly Mode: Stay secure without interruptions. 🚀 Your safety, redefined. Upgrade to Kaspersky today!

Calendar and Clock Getting date and time is implemented in JS. If you hold down the button on the calendar, the clock opens. SairProgramming #html #css #js #calendar

Activate Button animation Inside the button there is an animated svg image. SairProgramming #html #css #js #button

CSS Illustration - Bicycle Animated illustration in HTML and SCSS. SairProgramming #html #css #js #loading

Panda button When the button is clicked, the panda is generated and animated in JS. SairProgramming #html #css #js #button

Stacked Cards with Autoplay A function for flipping cards has been created in JS, which is launched at a given interval. SairProgramming #html #css #js #autoplay

Scaleable buttons Buttons designed in Html and Less. Each button is a checkbox, when activated, CSS animations are activated. SairProgramming #html #css #js #button

Split Card Created using Pug and SCSS preprocessors. The hover effect is implemented by the Splitting.js library. SairProgramming #html #css #js #card

3D Tilting Card Effect The card rotation logic is implemented in JS and depends on the user's cursor position. SairProgramming #html #css #js #card

Noise Abstraction Implemented on canvas using the simplex-noise library. SairProgramming #html #css #js #background

Interactive Lit LLaMA This is an SVG image animated in CSS. SairProgramming #html #css #js

Magic area on hover/focus When hovering or focusing, gsap animations are activated. SairProgramming #html #css #js #hover

Glitched Ghost Writer The text is animated using the glitched-writer library. SairProgramming #html #css #js #text