Get 1000+ Free CSS Animations: Easy Copy-Paste for Stunning Web Designs!

Thapa Technical
62 followers
41 Video Views·Nov 15, 2024
Hello what's up guy today in this video
I will show you how to get 1000 plus css
animations for free yes guy so you
can see here this is the
text effect you are seeing on my background now with the
help of pure CSS.
Okay, and this is just one such
guy, more than 1000 plus animations, absolutely
free, without any code, I mean, you
just have to copy paste, so this is
so awesome, guys, tell him before telling him. I
would like to guys, we are very close
to 7 lakh subscribers,
not subscribed yet, please do one more awesome
news, what is it and that is guys, I have
already uploaded the world best CSS course,
so guys, if you have
not checked out yet. Do check out, you
can see my complete web development
course absolutely free, you don't know
how much the institute charges, ATML
CSS Part One Part Two,
I have explained it to you with so many animations,
I am giving it to you in writing, wherever you are, read it now.
You will not get anything better than this, I guarantee that you will definitely check it out once. I taught you how to create a website in 6 hours, completely from scratch, that too very modern. Do check it out, it is HTML, JavaScript, you will get everything here
and we have recently read React. Have
completed it and very soon now we are
going to see node and express but I thought
why not today I will tell you how you
will get more than 1000 plus animations
absolutely for free and this is the effect
if I show you its CSS code. You will be
scared so much, look at this,
look at this, guys, I will get tired of scrolling,
but this code of this will not end,
you think for yourself, if you have to write so much, do you have enough
patience to
write this, I really don't know. Tell me,
you wouldn't have the patience to work so hard
because in today's time, everyone is copying and pasting.
Long live the four GBTs, but
I thought it's okay, no problem, Atlist,
you are aware of what is happening here.
It does matter, okay, rest if
you understand it after seeing it means you are good
to go, you can copy paste it, if you do
not understand what is happening here,
then I will tell you this, this is my CSS
course. Must see, then you do
n't have any other option. Okay, so
alright guys, see what it is, guys,
your anime, this is a CSS library
where you will get animations. Look,
what I just showed you, I guess, it was
this. Sorry I think it was a flicker, look,
you can see how the flicker is blinking here,
by the way, it is a drop shadow, it is a pop shadow, it is a
pop pop, look how awesome it looks, it is
fun, it is Captain America, is
n't it so cute? Do you think so or
not then suppose I need this code so you
can see here at the
right corner we will have like three such
icons out of which the one with 'D' is visible, this is the
icon with code so we need. To
copy this particular part, this is basically your
CSS class, I hope
you know the CSS class, okay so this is
your just animation given in that class, name of the animation
and all two things and if you
use animation it means we need. To pass the key
frames, so the key frames, if you look,
here is the complete key frames.
Let's go here, there is not that much code in it, it is good,
but whatever that is the whole game of box shadow,
yes all right, sorry, I am saying box shadow,
it's A tex shadow but whatever that is the
whole game of tex shadow here
we know by looking here ok so just let me
tell you now suppose I want this ok
so what will I do we have this
particular
a code so here By the way, you directly copy the
class, okay, now whatever this is,
I have removed it, right, I have removed this too,
okay, okay,
I am pasting that code, okay, I have pasted it
and this is the part.
I have pasted this also, see, it is so easy, just
copy paste it twice, obviously
this is a special class, this is a
class of CSS, which I have already created,
simple, we have a section and then h1,
earlier there was something else. Now I will add this one
So now in an h1 I have given a class
I have this here with the help of
dot Obviously we access that and then
here its key frames This
text pops up up to whatever is Here it is yes here
it is okay so here I will go and
boom guys see this and by the way you are
not seeing the effect here which
you were seeing here and the reason is the colors this
background color first so I remove it. I
would like to see more color from here and then this one.
Boom guys, see how awesome this is
and I guess there is another color here
too, someone has given something or whatever
but you see how easy it is now guys.
Done, simply copy paste and we have more than
1000, look at the background you
can play with here, look at the background
here, look at the basics, like scale,
rotate, rotate, flip 90 degrees,
flip to flip, scale and
everything. There is a different difference within each one, where
you need it from the left side, you need it from the right side, you need it
from the top, you need it from the bottom, there is a
swing, there is a slide, there is a slide back, there is a shadow drop,
meaning then this is different for the entrance, this is
different for the exit, this attention is different. You are seeing
this vibrant phone coming, if you understand
everything, then see this, give this, you are seeing,
guys, all this is absolutely free, I mean,
I did not make this, whoever made this is not a
mist, it is a guys and spons video,
I am just you guys. I want to share with
you guys I want to save your time
and I want that if you are simply
copy pasting right and you are able to understand
what is happening here then
guys you guys It is perfect for me
but if you don't understand then please give me a
little glimpse of your life that you are passing so much time,
if you are doing then
11 hours or 16 hours means
not even a day, just give me half a day friend.
100 years have passed, give me even half a day in 100 years,
how many days would have been, I can hardly
guess even at 1,
give me that much, watch this video once,
share it with your friends as much as possible, I will
give it in writing. It will be a lot of fun, it will be very helpful, only
after this your tail wind comes CSS,
then I recently told Daisy UI with the
help of React, there are many things
which start with CSS so
datchi so ya guys this is it today in this video
That's all I showed you, anything you
need, come here copy paste or basically
actual class with animation and here we have these key
frames, then you will get almost all
this way, just copy paste
and we are good to go. And
this is also quickly shown to you,
let's copy this also, right
here, I will delete it, let's delete
this too, let's paste it, let's
paste it, okay, let's go to the
top. I will leave a little early,
I will reach like this, so we have a vibrate and then there is a
class, this is okay, so here, whatever is
visible, I will make a vibrate one,
now if I move here, see, you can see it is
vibrating. But whatever it is, I
told you very easily and guys, I will give you its link
below in the description and comment section.
And I will
also give the link of this particular video in the description below,
so definitely check it out. So
guys, this is That's all for this video today
and finally from Monday we are
going to start C of Nat JS and Express JS
so guys are you excited because I am
super excited okay so guys please
like the video if you liked it or
not. So dislike but do something, please
comment and tell me if you also have
some such awesome libraries which I may
not be able to find but you want to share with the world
through me then do comment
and we are very close to 7 lakhs guys. If
you have given so much love, please subscribe as soon as possible
if you are just watching till now, then
please subscribe. There
is a red colored bell icon on the right side, the bell will appear,
hit it, so that you do
not miss such awesome videos daily. So guys I'll
see you in the next video till then guys
thank you so much take care
