Amazing Text Animation
In this JavaScript project you will learn how to create a amazing text animation using HTML CSS and JavaScript with delay.
🎱Source Code for this Video:
https://norbertbm.com/amazing-text-animation/
-----------------------------------------------------------------------------
👇 Website & Courses: 👨🏫 :
https://norbertbm.com/web-development/web-dev-courses/
Podcast:
https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro & Project overview
00:30 - Create a index.html file
01:25 - Basic styling
04:28 - Create animation and add it to the title id
06:31 - Get title element from the DOM using querySelector
08:53 - Transform a string in to a array using js
10:12 - Wrap each item of the array in to a html div element
14:09 - Create and add a class to each item of the array
15:22 - Add the .anime-element in js
17:40 - Add Animation on mouse over event in js
18:06 - Add hover effect to the .anime-element class
18:53 - Add Animation on mouse over event in js
20:46 - Create a utility function to toggle the animation
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
#textanimation #javascript_project #norbertbmwebdevelopment
-
5:45
Workbench
1 year agoText Animation Simplified
5 -
0:05
Fun Creations
3 years agoBlender Text-Animation
781 -
9:19
Always Creating
4 years ago5 CREATIVE Animation Text Effects - After Effects CC 2020 (Tutorial)
6 -
1:05
DIY Digital
5 months agoHow To Create Smooth Text Animation In Davinci Resolve
4 -
13:37
WebDevMadeEasy
1 year ago💻🎥 How to Create a Typing Text Animation with CSS | Tutorial
20 -
3:24
BrainyBox
1 year agoSVG Animation Using HTML & CSS with Text Typing Animation
1 -
3:07
funnyanimalvideos711
1 year agoCreate Stunning Text-To-VIdeo AI Animations in Under 3 Minutes - Kaiber AI
9 -
0:17
PRINCE TUTORIAL
1 year agoTEXT Animation In Filmora 11 #shorts
1 -
3:36
MultimediaChannel
2 years agoBasic text Preset animation in after effects
66 -
29:21
jcvaldez
1 year agoIntro to Animated Text in After Effects
16