Animate a Website using CSS (transition, transform, keyframes, animation) | CSS Tutorial

Опубликовано: 09 Ноябрь 2024
на канале: Thu Nghiem

6,429

164

To make your website stand out, you can use Animation in CSS. And it does not have to be complicated.

Download the resources: https://devchallenges.io/learn/tutori...

_________ 🔖 Tutorial Structure _________

Intro --
[00:00] - Introduction
[00:43] - Setup walkthrough

-- Main --
[01:47] - Task 1: transition - animate the backdrop
[04:39] - Task 2: translate() - animate the side navigation
[07:44] - Task 3: rotate() - animate the hamburger button
[10:45] - Task 4: scale() - animate the button when being hovered
[12:23] - Task 5: keyframes - animate h1 and p

-- Ending --
[18:07] - Summary
[19:44] - Happy Coding

_________ 🐣 About me _________

I am the founder of https://devchallenges.io/
Follow my Twitter / thunghiemdinh
Join Discord / discord