Create Stunning Scrolling Text Animations with HTML & CSS (Tutorial by Shahid Naeem) || Class 34.

Рет қаралды 614

Ай бұрын

Master the art of creating eye-catching scrolling text effects using HTML and CSS! In this beginner-friendly Hindi tutorial, Shahid Naeem will guide you through the entire process, step-by-step.
Whether you're a web developer or just starting with coding, this video will equip you with the skills to implement dynamic scrolling text animations on your web pages. You'll learn:
The fundamentals of HTML and CSS: Gain a solid understanding of the basic building blocks of web development.
Crafting scrolling text with HTML: Discover how to structure your HTML code to create a scrolling text element.
Animating the text with CSS: Unleash the power of CSS animations to bring your text to life.
Customizing your animation: Explore various options for controlling the speed, direction, and behavior of your scrolling text.
By the end of this video, you'll be able to:
Confidently create scrolling text animations of your own.
Apply these animations to enhance the visual appeal of your websites.
Take your web development skills to the next level.
This video is packed with valuable insights and practical demonstrations, making it perfect for anyone who wants to learn CSS animations in Hindi.
I am Shahid Naeem and I will teach you every detail you want to learn about online earning courses and freelancing skills e.g; photoshop, illustrator , CorelDraw , MS Word, MS Excel , MS Powerpoint, video editing , Canva, WordPress, and how to make money online step by step in Urdu and Hindi. I am here to teach you everything for free at this platform. If you have any question then feel free to contact me and just drop your question in comments section, I will try my level best to respond you as soon as possible.
********************
For Paid Courses Please visit:
www.withshahidnaeem.com
********************
#shahidnaeem
Fiverr Complete Course:
• Fiverr Complete Tutori...
Canva Course:
• Canva Tutorial For Beg...
Adobe Illustrator Tutorial:
• Adobe Illustrator Trai...
Adobe Photoshop Tutorial:
• Adobe Photoshop Tutorial
Video Editing with Adobe Premiere Pro:
• Adobe Premiere Pro Ful...
MS Excel Tutorial:
• Microsoft Excel Tutori...
• Microsoft Excel Tutorial
WordPress Course:
• WordPress Tutorial For...
• WordPress Tutorial
• Word Press Lessons
MS Power Point Tutorial:
• PowerPoint Presentatio...
MS Word Tutorial:
• Microsoft Word Tutoria...
• MS Word Tutorial
CorelDraw Tutorial:
• Corel Draw 2019 Tutorial
• Corel Draw Advance Tut...
KineMaster Tutorial :
• Kinemaster Video Editing
Logo Design Tutorial :
• Logo Design in Photoshop
English Language Course:
• Learn English Through ...
Video Editing with Camtasia:
• Video Editing Complete...
KZfaq Earning Tips:
• KZfaq Earning
Make Money Online:
• How To Make Money Online
**************************************
Facebook Page Link :
/ withshahidnaeem
My E-Mail :
aglow4all@gmail.com
My Web site :
www.withshahidnaeem.com
Our College website :
www.aglow.edu.pk
WhatsApp : 03213614222
Twitter :
/ aglow4all
Linked in :
/ shahid-na. .
Instagram:
/ withshahidnaeem
Don’t forget to like and share this video.
Disclaimer:
==========
This video is for educational purpose only Copyright Disclaimer U/S 107 of the Copyright Act 1976, allowance is made for " fair use ".
Photos ,Videos , images or Clips used from youtube or google in this video are only for educational purposes and are protected by the Fair Use Law, U/S 107 used for commentary ,criticism, news reporting or education for transformative use .
Best Regards :
Shahid Naeem

Пікірлер: 51

@FarooqiAseels Ай бұрын

Animation-Duration Animation-timing-function Animation-literation-count Animation-delay Animation-direction I'm Mujeeb Ahmad From Nowshehra KPK Pakistan

@withShahidNaeem Ай бұрын

@farzamshahid1085 Ай бұрын

Nice explanation. Please note the following points for upcoming project. 1) A readme file that contains the description of your project. 2) The project should be responsive. 3) Also use comments and semantic tags in your code.

@withShahidNaeem Ай бұрын

Thanks for the tips!

@shabanmalik3780 5 күн бұрын

Animation-direction: alternate/reverse/normal .................Shaban From Karachi

@withShahidNaeem 5 күн бұрын

Very Good 👍 Right ✅️ Answer.

@Doraemonxnobitanobi Ай бұрын

Animation-direction : Alternate/reverse/normal ; Usman from Sargodha

@withShahidNaeem Ай бұрын

very good.

@shahji-ti7ep Ай бұрын

Aoa Sir, Fol properties are commonly used in animation-direction:- animation-direction: normal; animation-direction: alternate; animation-direction: reverse; Syed Husnain from Gujrat

@withShahidNaeem Ай бұрын

Very good 👍 well explained 👏

@tariquejamil3542 Ай бұрын

❤❤❤❤. These all for you such a nice style of teaching sir.

@withShahidNaeem Ай бұрын

So nice of you

@user-ru9hy9ey5h Ай бұрын

AoA Sir Today's ans is the three things we can use in animaton direction are 1)Normal 2)Reverse 3)Alternate From sargodha

@withShahidNaeem Ай бұрын

very good and well explained.

@Moiz_71 3 күн бұрын

Animation-direction: alternate/reverse/normal; Moiz from Jhang.

@withShahidNaeem 3 күн бұрын

Good 👍

@tariquejamil3542 Ай бұрын

Ans is, animation direction has 3 parts. Normal, Alternat and Reverse. Thnx sir. Tariq from Karachi City.

@withShahidNaeem Ай бұрын

Right ✅️ tariq sahib great 👍

@faizalifaiz-rr8dg 7 күн бұрын

direction{ normal ,reverse, alternate} My name is faizan ahmed. I am watching your video in attock city.

@withShahidNaeem 7 күн бұрын

Very Good 👍 Right ✅️ Answer.

@zakirsoomro Ай бұрын

Walaikum Assalam, Sir 3 animation-direction are "normal, reverse, alternate" Zakir Hussain Soomro Jacobabad Sindh.

@withShahidNaeem Ай бұрын

Very good 👍

@MSA-wj9lq Ай бұрын

Following are the values/ oprions of animation-direction property: 1. Normal: That plays forwards normally and it is the default value. Reverse: The animation plays backwards. Alternate: The animation plays forward and reverses directions alternatively. Muhammad Sabir Ali from Sahiwal

@withShahidNaeem Ай бұрын

Very good Muhammad sabir sahib. Wel explained

@JavaidMahmood-li4qq Ай бұрын

The answer of Animation direction is normal, alternate and reverse.(javaid Mahmood, Jhang.

@withShahidNaeem Ай бұрын

very good javaid mahmood sahib

@amjad4graphics937 Ай бұрын

Normal, Reverse & Alternative -------- Answered by "Amjad Khan" of "Attock"

@withShahidNaeem Ай бұрын

very good

@user-wc3zu3mt5q Ай бұрын

Kashif rizwan from multan Ans; The attributes used in property "Animation-direction" are following. Normal/revers/alternate /alternate -reverse

@withShahidNaeem Ай бұрын

Very good 👍 right ✅️

@shahzork 11 күн бұрын

My Dear Sir, Animation Direction (3) Properties are 1)NORMAL 2)Reverse 3) Alternate From : S. Khalid Ahmed : Islamabad

@withShahidNaeem 11 күн бұрын

Right ✅️

@Ihsanullah-bl8ec 27 күн бұрын

walaikum Assalam Ihsanullah karachi sir, animation direction property normal, reverse, alternate, alternate-reverse, inherit and initial.......!

@withShahidNaeem 27 күн бұрын

very good

@fahdkhan2080 Ай бұрын

My self Fahad Khan from Karachi answer is (normal,alternate,reverse)

@withShahidNaeem Ай бұрын

Very good 👍 Fahad Khan Sahib

@user-hf7vb5jk5e 16 күн бұрын

I am huzaifa from d i khan. Dely timuing function. Deuration

@withShahidNaeem 16 күн бұрын

Great 👍

@Muhammad_Waqas_Afridi Ай бұрын

Sir Plz vedio esi tara jalti upload keya karo

@withShahidNaeem Ай бұрын

Inshallah

@mirzashahzad Ай бұрын

AOA hope You fine and happy In Sha Allah Sir.Animation Direction have three options in this those are 1-NORMAL, 2-REVERSE, And 3-ALTERNATE. Iam Mirza Shahzad from Lahore Sir.

@withShahidNaeem Ай бұрын

Yes, you are right and very good 👍

@mirzashahzad Ай бұрын

@@withShahidNaeem Thank You very much Sir.

@FarooqiAseels Ай бұрын

Sir Animation-direction atrributes are Normal,Alternate,Reverse And Alternate-Reverse

@withShahidNaeem Ай бұрын

Very good 👍