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

[@webidev]

bro I'm recommending all my friends this channel

[@debugmedia]

Thank you so much

[@muhammedhashirkk5915]

Aadhyayittanu bronte video kanunnath...orupaad manassilayi

[@abhijithkr4487]

Waiting aayirunnu bro...
Good work..👍

[@rafeenak6062]

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

[@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);
}
}

[@gopakumarannair2284]

Fantastic teaching, my best wishes

[@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 ❤

[@onlinejobs7194]

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

[@blesscheriyan2440]

Waiting for next animation video in Css

[@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

[@blesscheriyan2440]

Super videos and way of presentation is good

[@ajeeshcp7739]

Good tutorial 👌👌👌 Ariyaan vaiki Pooyi

[@aachu4u1]

Super njn anwrshicha content thanks bro

[@jibinbaby8289]

Very helpful

[@debugmedia]

Glad to hear that :D

[@devikadas9261]

Good class 👍🥰

[@123sanjaysanjay]

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

[@debugmedia]

Thanks bro
Stay Subscribed

[@devu4240]

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

[@amnaabia8776]

You are Great.. !!👍👍

[@muhammedsafvan8573]

your voice is amazing

[@aravindrajesh7643]

Bro, Pls do more on css animation..

[@nisamudheenc2830]

Way of teaching polia

[@akshorts6815]

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

[@pockut9487]

Keyframes inu different name kodukkamo?

[@MohammedNihal-i2d]

Thank you so much my teacher

[@akshorts6815]

Daily nalla ith poluthe videos varatte

[@UbaisMM]

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

[@abhijithkr4487]

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

[@debugmedia]

Sure (Y)

[@sreeragos1648]

last projectinte code indo?

[@AbhiramiDnair]

sir machine learning basics to advanced padippikkavo?

[@binuvarghese3021]

Very good video. It was so helpful to me.

[@debugmedia]

Glad it was helpful!
Stay Subscribed

[@badbombergaming]

Helpful class, Thank you ^^

[@AnuAlexander-l4e]

veendum kidu🎉

[@Salmanlfaris]

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

[@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.

[@rakesh.r]

bro u just ❤‍🔥

[@MomLifeJournal]

Thank you so much😇

[@Siyad_Sidhik]

last task onnu cheyyaamo??

[@sibik5695]

ini verunna videoyilum ithupole task undavumenn pradeekshikunnu

[@AJINVR-]

end ill vrumbum pause akunne pole cheyyan pattumo

[@debugmedia]

animation-fill-mode: forwads; aano udheshichadh?

[@bettzzzzzzzzzzzzzz]

🙌👌

[@statuscoding3880]

Nice Loader

[@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

[@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

[@muneeraliahammed9178]

Thanks

[@rashidmachingal]

😍😍

[@sayyidnaeemulhaqm.k8966]

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

[@LoVe-iu9rd]

Thank you very much

[@techwithameer]

Nice bro

[@bulldozercmw7070]

Super !

[@sibinalexchacko4896]

Superb

[@debugmedia]

Thanks for watching 😊
Ente live coding kaanan ee channelil subscribe cheytha mathi :
ruclips.net/channel/UCDYqA_Gcqmx_5rQYVRzmUpQ

[@adiliqbal8198]

sir you are awsome
sir evide veedu basha kettiitu chothichatha

[@debugmedia]

Thrissur :D

[@ananthub1630]

Supper

[@jjjjjj7395]

❤️

[@debugmedia]

Thanks for watching

[@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 😊

[@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
ruclips.net/channel/UCDYqA_Gcqmx_5rQYVRzmUpQ

[@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

[@athulvj2037]

Image inu animation koduthittu kittunnillallo

[@debugmedia]

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

[@sibijoseph1]

enike animation work akunnilla

[@debugmedia]

Endhaan error varunnath?

[@swalihvmbazar2207]

njan mail chethittund

[@shahidreddevil6615]

😊💖

[@debugmedia]

Stay Subscribed brother

[@shahidreddevil6615]

Did it already bro😊

[@biltexgroup8045]

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

[@dp-td4wz]

Nyc

[@debugmedia]

thanks man
Stay Subscribed

[@dp-td4wz]

Done
Keep going...

[@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 🤗

[@RazoroidGaming]

Bro whats your job?

[@debugmedia]

I'm a Software Engineer,
You can watch this video to know more about me :)
ruclips.net/video/j8JawoxlKA4/видео.html

[@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☺️