CSS Animation for beginners malayalam tutorial | വെബ് ഡിസൈനിംഗ്

[@nisamudheenc2830]

Daily vedio wait chayunnu

[@nafihpp]

Knowledge of animation increased ❤️ Nice explanation🎉 easy to understand

[@munavvarmp415]

കാത്തിരിക്കുകയായിരുന്നു.... കുറച്ചു വൈകിയോ എന്നൊരു സംശയം... superb 🌷🌷🌷👌

[@debugmedia]

Thanks man

[@muhammedhashirkk5915]

Aadhyayittanu bronte video kanunnath...orupaad manassilayi

[@webidev]

bro I'm recommending all my friends this channel

[@debugmedia]

Thank you so much

[@abhijithkr4487]

Waiting aayirunnu bro...
Good work..👍

[@rafeenak6062]

spinner create cheythu .Ellam nalla classes anu.Thank you!

[@onlinejobs7194]

Sir.. Animation ന്‍റെ തുടര്‍ച്ച ഉണ്ടാകും എന്ന് പ്രതിക്ഷിക്കുന്നു....!

[@blesscheriyan2440]

Waiting for next animation video in Css

[@manadathadnanvijay]

Oru rekshayillaatto. I love your teaching. Enikku othiri upakaarapedunnundu. Your shortcuts on keyboard 👌. Thanks for explaining that tricks also👍👍
Really your classes are superb.
Thank you
Thank you so much 🤝🤝👍

[@debugmedia]

Thank you for the kind words ❤

[@gopakumarannair2284]

Fantastic teaching, my best wishes

[@ajeeshcp7739]

Good tutorial 👌👌👌 Ariyaan vaiki Pooyi

[@meeramadhu4392]

Nanayite explain chayunde... Ella video um Supr Anne... Padikan pattila enn karuthiya topics full easy ayi paraju thannu... Tnku so much...... Athu polle commentsilum active Anne... Ellam command um rply kodukunde... Supr... Nalla oru youtuber Anne......

[@meeramadhu4392]

JavaScript um htmlum Ellam use chaythe oru full website tutorial video time kittumbo chaynam... And react use chayth oru website.. ... Malayalam tech videos react basics mattram Anne ellavarum chayunath oru website ayite aarum chaynilla..... .. and finally tnku so much.....

[@debugmedia]

Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia

[@FSWD17]

Animation
body{
height: 100vh;
background-color: aqua;
display: flex;
justify-content: center;
align-items: center;
}
.loader{
width: 150px;
height: 150px;
border: 10px solid whitesmoke;
border-radius: 50%;
border-right-color: darkmagenta;
animation: rotate 1s ease infinite;
}
@keyframes rotate{
100%{
transform: rotate(360deg);
}
}

[@blesscheriyan2440]

Super videos and way of presentation is good

[@aachu4u1]

Super njn anwrshicha content thanks bro

[@devikadas9261]

Good class 👍🥰

[@amnaabia8776]

You are Great.. !!👍👍

[@jibinbaby8289]

Very helpful

[@debugmedia]

Glad to hear that :D

[@123sanjaysanjay]

സൂപ്പർ ബ്രോ.. 😍

[@debugmedia]

Thanks bro
Stay Subscribed

[@UbaisMM]

Short hand ayi എഴുതുബോൾ paused കൊടുത്തപ്പോൾ work ആവുന്നില്ല sir

[@muhammedsafvan8573]

your voice is amazing

[@Salmanlfaris]

ഞാൻ ഒരു div ഉണ്ടാക്കി അതിന് ഒരു അനിമേഷൻ കൊടുത്തു.
പിന്നെ ഞാൻ പുതിയ ഒരു div ഉണ്ടാക്കി അതിന് ഒരു ക്ലാസും കൊടുത്തു അപ്പോൾ ആദ്യം ഉണ്ടാക്കിയ div ന്റെ അനിമേഷൻ ഇതിനും അപ്ലൈ ആകുന്നു അതെന്താ???

[@akshorts6815]

Hlo Debug Media Scale Actually float value elle edukkuka integer valuenn parayumbol 1,2,3,4 ithokkeyelle floating value elle .point varunnath

[@nisamudheenc2830]

Way of teaching polia

[@AnuAlexander-l4e]

veendum kidu🎉

[@MohammedNihal-i2d]

Thank you so much my teacher

[@akshorts6815]

Daily nalla ith poluthe videos varatte

[@MomLifeJournal]

Thank you so much😇

[@badbombergaming]

Helpful class, Thank you ^^

[@devu4240]

text nu image num oru backgroundil transintion cheyyanulla code kanikkumo bro .valare nalla explanation a.

[@aravindrajesh7643]

Bro, Pls do more on css animation..

[@abhijithkr4487]

Typescript, JavaScript, Vanilla JavaScript...Ithinte okke difference and usages parayunna oru video cheyyamo bro..

[@debugmedia]

Sure (Y)

[@rakesh.r]

bro u just ❤‍🔥

[@binuvarghese3021]

Very good video. It was so helpful to me.

[@debugmedia]

Glad it was helpful!
Stay Subscribed

[@amazingaffairs]

ith kurach neram koduthitt pinne ozhivakunnath engane , (kurach neram load aayitt , pinne target kaanan)

[@debugmedia]

Javascript vech pattum. endh class'n aano animation ullath aa class javascript vech remove cheythal mathi.

[@pockut9487]

Keyframes inu different name kodukkamo?

[@sibik5695]

ini verunna videoyilum ithupole task undavumenn pradeekshikunnu

[@sayyidnaeemulhaqm.k8966]

സർ translate ( 50px,50px ) അത് ശെരിക്കും സെന്റര് ആണോ origin or Box top left aano (0,0)?

[@reimersondfilms9479]

Hello Debug, ippo enikk aa three dots il translate nod oppam color change venam, like an Indian flag, oro colorum oro dotinu, translateinoppam oru flow pole colors ponam, njaan adh vere keyframesil cheydhappam enikk color change kitti, pakshe aa translate animation poyi, I mean override aayi, translatum color changum orumich kittaan endhaan oru vazhi, pls reply.

[@debugmedia]

Ath aa same keyframe'il thannea cheytha mathi
Join Telegram to ask doubts : Debug Media Discourse
t.me/debugmedia

[@statuscoding3880]

Nice Loader

[@bulldozercmw7070]

Super !

[@Siyad_Sidhik]

last task onnu cheyyaamo??

[@AbhiramiDnair]

sir machine learning basics to advanced padippikkavo?

[@muhammedwise5758]

Adipoli 😍🔥

[@debugmedia]

Thanks man

[@muhammedwise5758]

@@debugmedia task enghane send cheyyendath?

[@debugmedia]

@@muhammedwise5758 You can put in github. or send me the html file in mail [e-mail]

[@muhammedwise5758]

@@debugmedia ok zip file aayitt senda

[@debugmedia]

@@muhammedwise5758 yess mathi

[@AJINVR-]

end ill vrumbum pause akunne pole cheyyan pattumo

[@debugmedia]

animation-fill-mode: forwads; aano udheshichadh?

[@muneeraliahammed9178]

Thanks

[@bettzzzzzzzzzzzzzz]

🙌👌

[@LoVe-iu9rd]

Thank you very much

[@techwithameer]

Nice bro

[@sibijoseph1]

enike animation work akunnilla

[@debugmedia]

Endhaan error varunnath?

[@sreeragos1648]

last projectinte code indo?

[@ArshadKkArif]

hi sir...div rotate chyyippikumbol ooro pravashym rotate start chyumbozhulla delay engana vekkunne?

[@ArshadKkArif]

body {
margin: 0;
padding: 0;
}
.loader-container{
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.loader{
border: 3px solid black;
border-top: 3px solid red;
border-radius: 50%;
width: 50px;
height: 50px;
animation: loading 1s linear 1s infinite;
}
@keyframes loading{
0%{
transform: rotate(0);
}
50%{
transform: rotate(180deg);
}
100%{
transform: rotate(360deg);
}
}

[@debugmedia]

Task'nte kaaryam aano chodhichadh?
Linear pakaram ease-in-out kodutha madhi.
180deg aavishyam illa.
0% and 360% madhi

[@ArshadKkArif]

Thank you so much sir😇

[@debugmedia]

@@ArshadKkArif stay subscribed brother 😊

[@ananthub1630]

Supper

[@rashidmachingal]

😍😍

[@sibinalexchacko4896]

Superb

[@debugmedia]

Thanks for watching 😊
Ente live coding kaanan ee channelil subscribe cheytha mathi :
th-cam.com/channels/DYqA_Gcqmx_5rQYVRzmUpQ.html

[@adiliqbal8198]

sir you are awsome
sir evide veedu basha kettiitu chothichatha

[@debugmedia]

Thrissur :D

[@amalnmohan3141]

rgb(2,3,4,.1) functionil ithil .1 nthan

[@debugmedia]

opacity aan

[@amalanil3891]

thanks sir

[@debugmedia]

Thank you, Much Appreciated 💕
Live Coding Kaananamengil Ente Live Channelil Subscribe cheytha mathi
th-cam.com/channels/DYqA_Gcqmx_5rQYVRzmUpQ.html

[@jjjjjj7395]

❤️

[@debugmedia]

Thanks for watching

[@athulvj2037]

Image inu animation koduthittu kittunnillallo

[@debugmedia]

Join Telegram to ask doubts: Debug Media Discourse
t.me/debugmedia
Instagram: debugmedia

[@muhammedsalihp9916]

What is WebKit in css

[@debugmedia]

Its for browser compatibility,
So in short . some of the properties doesnt work in safari and other browsers . so we use the webkit prefix

[@swalihvmbazar2207]

njan mail chethittund

[@shahidreddevil6615]

Bro njan ipol chumma oru project cheyuva, html and CSS vech, doubt varumbol online search cheyth nokkum enit cheyum
Ingane cheyth padikunath prob enthelum undo

[@debugmedia]

Oru problem illa. onum by heart aakanda avishyam illa. doubt varumbol appo thannea google cheyth edukkam , no problem
ithine kurich nyaan oru video arakkunnund

[@shahidreddevil6615]

@@debugmedia ok 🤗

[@dp-td4wz]

Nyc

[@debugmedia]

thanks man
Stay Subscribed

[@dp-td4wz]

Done
Keep going...

[@shahidreddevil6615]

😊💖

[@debugmedia]

Stay Subscribed brother

[@shahidreddevil6615]

Did it already bro😊

[@RazoroidGaming]

Bro whats your job?

[@debugmedia]

I'm a Software Engineer,
You can watch this video to know more about me :)
th-cam.com/video/j8JawoxlKA4/w-d-xo.html

[@biltexgroup8045]

Can u please create a video for keyboard shortcuts...

[@loki_glorious_purpose]

😍

[@loki_glorious_purpose]

Wow I got a ❤️ from debug media now.. It's a pleasure to know that you are currently active.. Please upload more videos Sir☺️