Master CSS Animations: A Beginner-Friendly Tutorial in Hindi / Urdu

Master CSS Animations: A Beginner-Friendly Tutorial in Hindi / Urdu - Class 33.

Рет қаралды 669

Ай бұрын

Want to add life to your website with stunning animations? Look no further than CSS animations! In this comprehensive Hindi tutorial by Shahid Naeem, you'll learn everything you need to know to become a CSS animation pro.
Perfect for beginners! This video breaks down CSS animations into easy-to-understand steps. You'll discover:
The power of CSS animations and how they can transform your website's user experience.
Creating smooth text animations to grab your visitors' attention.
Essential properties like animation-name, animation-duration, and keyframes to control your animations with precision.
A variety of animation effects to add personality to your website, from fades and slides to spins and bounces.
Advanced techniques like keyframes to create complex animation sequences.
By the end of this video, you'll be able to confidently create eye-catching animations in CSS and take your web development skills to the next level.
Don't forget to like and subscribe for more awesome CSS tutorials!
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

Пікірлер: 76

@shahgilani2966 Ай бұрын

Sir! Masha Allah I have completed animation class no 33 along with you and enjoyed this class today as it was very interesting class. Thank you Syed Mujahid Gilani Quetta

@withShahidNaeem Ай бұрын

It's my pleasure

@user-wc3zu3mt5q Ай бұрын

KASHIF RIZWAN from MULTAN ANS: translate is an Attrebute property of any transformed element and use to move the element or item along axis.

@withShahidNaeem Ай бұрын

Very good 👍

@irfanahmadirfanahmad-ky5uo Ай бұрын

Translate is an attribute property of any transformed element and use to move the element or item along axis.

@tariquejamil3542 Ай бұрын

❤❤❤. Ma sha allah interesting topic.

@withShahidNaeem Ай бұрын

Thanks for liking

@FarooqiAseels Ай бұрын

Sir Translate is the attribute of Transform element. And Translate is use to move the element from left to right or right to left in x-axis direction And also used for moving the element from top to bottom or from bottom to top called y-axis direction.

@withShahidNaeem Ай бұрын

Ok good

@FarooqiAseels Ай бұрын

Thanks Sir

@irfanahmadirfanahmad-ky5uo Ай бұрын

Translate is an attribute property of any transformed element and use to move the element or item along axis.

@withShahidNaeem Ай бұрын

very good. keep learning

@FarooqiAseels Ай бұрын

Masha Allah ❤❤❤ Very Interesting ❤❤❤

@withShahidNaeem Ай бұрын

Thanks for liking

@abdulwahid-qq4dx Ай бұрын

transalation is used with transform:transalateX(100px) . means move element form left to right 100px

@withShahidNaeem Ай бұрын

Good 👍

@fahdkhan2080 Ай бұрын

Fahad Khan from Karachi ans is (translate means an element moving on screen with x-axis left to right and y-axis top to bottom )

@withShahidNaeem Ай бұрын

Good

@englishpanadol Ай бұрын

Good

@withShahidNaeem Ай бұрын

Thanks

@fullmast Ай бұрын

Walaikum Assalam Sir the translation in css is to move on screen and it is used in transform property. Zakir Hussain Soomro Jacobabad Sindh.

@withShahidNaeem Ай бұрын

Very vgood

@shayangujjar2013 Ай бұрын

AoA Sir today's ans is Translate is used in css to move our object on screen From Sargodha

@withShahidNaeem Ай бұрын

Good 👍

@uatechnicaltrick Ай бұрын

Thanks sir je nice video

@withShahidNaeem Ай бұрын

So nice of you

@amjad4graphics937 Ай бұрын

it is basically the process of an element converting one object into another element-------------- Answered by "Amjad Khan" of "Attock"

@withShahidNaeem Ай бұрын

Good amjad sb

@AmnaIkram-mt4ey Ай бұрын

Superb

@withShahidNaeem Ай бұрын

Thanks 🤗

@shabanmalik3780 6 күн бұрын

Translation (Move on Screen)............Shaban From Karachi

@withShahidNaeem 6 күн бұрын

Good 👍

@user-lk3wv1ye2h Ай бұрын

Nice lecture

@withShahidNaeem Ай бұрын

Keep watching

@Sabaqamozz Ай бұрын

Great

@withShahidNaeem Ай бұрын

Thank

@ISLAMICGOONJ731 Ай бұрын

Very good

@withShahidNaeem Ай бұрын

Thanks

@shahzork 11 күн бұрын

translate mean movement on X-axis & Y-axis. : Syed Khalid Ahmed ; Islamabad

@withShahidNaeem 11 күн бұрын

Very Good 👍 Right ✅️ Answer.

@tariquejamil3542 Ай бұрын

Ans is. Transferm is used to move the element in directions. Tariq from Karachi.

@withShahidNaeem Ай бұрын

Very good 👍 tariq sahib

@BilalAhmad14036 Ай бұрын

Bilal Ahmad from peshawar.... Translation used move element to other direction

@mirzashahzad Ай бұрын

AOA hope You fine and happy In Sha Allah Sir.In CSS translate means "MOVE ON SCREEN" of any Element on X-AXIS or Y-AXIS with the Attribute of Transform.Sir I am Mirza Shahzad from Lahore.

@withShahidNaeem Ай бұрын

Very good 👍 mirza sahib well explained

@mirzashahzad Ай бұрын

@@withShahidNaeem Bundle of Thanks Sir it means a Lot for me Sir.

@hasnainshah3655 Ай бұрын

Aoa sir, Allah pak apko seht aur tandrusti atta farmaye. Ameen The ans is translate is used to mov on screen. Syed Husnain from Gujrat

@MSA-wj9lq Ай бұрын

Answer is That, Translate in CSS to used to move an object under Transform Attribute with X and Y axis for web design.

@withShahidNaeem Ай бұрын

Very good 👍

@Muhammad_Waqas_Afridi Ай бұрын

sir next vedio tura jalti upload karna

@withShahidNaeem Ай бұрын

Inshallah

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

translation mean movie div x-axis and y-axis My name is faizan ahmed. I am form attock.

@withShahidNaeem 7 күн бұрын

Very Good 👍 Right ✅️ Answer.

@aftabahmad3278 Ай бұрын

Translation mean move on screen

@withShahidNaeem Ай бұрын

very good right answer

@MSA-wj9lq Ай бұрын

M Sabir Ali From Sahiwal

@withShahidNaeem Ай бұрын

Good

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

Assalam o Alaikum sir, Ihsanullah Karachi sir CSS me translate use hota aik element ya box ko aik side se dosri side per move karne ko translate kehta he (Animations on screen.......!)

@withShahidNaeem 27 күн бұрын

great

@user-mc8ee3ic3t Ай бұрын

Aslam o alaikum sir g

@withShahidNaeem Ай бұрын

Wa alaikum salam

@salmankhan-im3nt Ай бұрын

sir g mera @key frames kam nahi karaha uor koi ghalti bi nahi ki hai.

@withShahidNaeem Ай бұрын

Galti ho gi search karian

@zaheerabbas4603 Ай бұрын

aSSLAM O ALIKUM SIR G ! mera name zaheer abbas ha min Riyadh saudi arbia se ap ka course kr rha hn sir g we translate use in css rotate screen at angle in x axes and y axes

@withShahidNaeem Ай бұрын

Not rotate but to move on screen

@user-mc8ee3ic3t Ай бұрын

Sir g css card design krna kb sikhaengy??

@withShahidNaeem Ай бұрын

Card for what

@user-mc8ee3ic3t Ай бұрын

@@withShahidNaeem Gc university ki pics k nichy content type show HOTA hai, image+content, css card khta hain usy