Тёмный

Drop shadow be a Gradient - CSS Animated Gradient Shadow Effects - Quick HTML, CSS Tips & Tricks 

Online Tutorials
Подписаться 936 тыс.
Просмотров 132 тыс.
50% 1

Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/course/css-hove...
------------------
Join Our Channel Membership And Get Source Code Everyday
Join : / @onlinetutorialsyt
------------------
Please LIKE our Facebook page for daily updates...
/ online-tutorial-html-c...
------------------
Track: Cadmium - Melody (feat. Jon Becker)
Link: • Cadmium - Melody (feat...

Опубликовано:

 

20 мар 2018

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 180   
@yashrajpatidar229
@yashrajpatidar229 5 лет назад
great ... too good you should be upload all tutorials related to the design of the website I like this and every video relates to animated CSS styles
@ulalia11
@ulalia11 5 лет назад
Is it weird that I watch this channel to relax lol, lots of cool tricks, all the work is appreciated :)
@user-sh6nv1sx9o
@user-sh6nv1sx9o 5 лет назад
It's so amazing! Your works is awesome!
@MotivationalMoments692
@MotivationalMoments692 5 лет назад
You a crazy crazy person. All these things are just crazy, amazing work bro.
@pcac4798
@pcac4798 2 года назад
Simple but AWESOME. I was looking for it... It's really so helpful to me.. Thank You so much..
@user-dv8sl7xh7d
@user-dv8sl7xh7d 6 лет назад
Thank you so much ! I like it, really good !!!
@solotunic
@solotunic 2 года назад
I've been looking for that for a long time .Finally found it -- BIG THANKS --
@MrDestinylife
@MrDestinylife 5 лет назад
Insane design, good job bro
@mominurrahman8764
@mominurrahman8764 5 лет назад
superb animation... 👌👌
@rohitmeshram5249
@rohitmeshram5249 5 лет назад
That is just amazing! Goint to try it now!
@adityajadhav7129
@adityajadhav7129 5 лет назад
You are genius and also creative bro.
@vaibhavkumarpatel6863
@vaibhavkumarpatel6863 6 лет назад
Bro make a video on web design in Photoshop or making a web design from Photoshop to html.Please Please it is necessary for a designer. Nice video bro.....
@hoomanariya8117
@hoomanariya8117 8 месяцев назад
so helpful thanks for efforts
@monikasoni2586
@monikasoni2586 5 лет назад
It's really helpful.
@curiositywebdevelopment3362
@curiositywebdevelopment3362 6 лет назад
thanks a lot. you are helping me to create web pages. can you make video about cards and making hover effect to buttons on the cards, it would be very great video thanks again!
@MrBloger111
@MrBloger111 6 лет назад
Awesome! thank you for sharing
@sreeharims8934
@sreeharims8934 5 лет назад
really helpful tutorials, thank you so much
@pavankumardasari6606
@pavankumardasari6606 5 лет назад
mind blowing dude........ really fantastic
@The1stKing
@The1stKing 4 года назад
Amazing. Thanks very much for uploading.
@aakashpatil3558
@aakashpatil3558 6 лет назад
wow great
@musicstore3444
@musicstore3444 4 года назад
Wow, Brazil: Você é mestre no CSS.
@harshpatel7165
@harshpatel7165 5 лет назад
Brilliant effect !!
@SalmanShah95
@SalmanShah95 2 года назад
Ma Sha Allah Great work
@an-nafiuo
@an-nafiuo 6 лет назад
Wow coool bro
@maxxbf
@maxxbf 6 лет назад
Nice idea
@Bprince546
@Bprince546 5 лет назад
Subscribed after watching this. Thanks for this
@prakash1to7
@prakash1to7 4 года назад
Great video from online tutorials. If possible, if you explain tips and tricks where we need to choose background-position and filters based on design would be much helpful 😊😊😉👍👍
@abdullahahmedmunna7506
@abdullahahmedmunna7506 4 года назад
wow just amizing
@brianbg941
@brianbg941 6 лет назад
Increible video! visto desde colombia! Gracias por tus recursos!
@reshmakhatun1862
@reshmakhatun1862 5 лет назад
Hats off sir ! you are amazing......
@MuhammadAdnan-gx6rd
@MuhammadAdnan-gx6rd 6 лет назад
Nice
@deniyasuhin9677
@deniyasuhin9677 5 лет назад
o boy u r a god of css
@mdkhorshed2043
@mdkhorshed2043 3 года назад
It was Awesome. Thanks for making this kind of vidoes
@Rychtar22
@Rychtar22 4 года назад
Thanks Sir ! More animated videos!
@meryamaoubella9382
@meryamaoubella9382 3 года назад
really this is perfect
@johnmo8915
@johnmo8915 6 лет назад
I'm watching 18m ad for you. I'm trying to support you.
@jawadhossain4941
@jawadhossain4941 5 лет назад
Thank You please upload more for beginners.
@MHM-hc8or
@MHM-hc8or 5 лет назад
😳WOOOw.Sooo COOL👍👌
@user-yf8ns8ox5k
@user-yf8ns8ox5k 6 лет назад
Very nice. Thank you!
@prashanthkumar0
@prashanthkumar0 5 лет назад
really awesome
@duyduong7576
@duyduong7576 6 лет назад
Thanks bro,
@Victoria-ly2ij
@Victoria-ly2ij 6 лет назад
Amazing!!
@lakshmanlaksh7024
@lakshmanlaksh7024 5 лет назад
Really you are awesome bro...
@michajankowski3615
@michajankowski3615 5 лет назад
Aaaaa awesome!!! so gooooooooddddd:d
@hoangbuihuy5408
@hoangbuihuy5408 5 лет назад
Absolutely interesting😘😘😘😘😘
@encepkelana
@encepkelana 5 лет назад
genius
@aakashpatil3558
@aakashpatil3558 6 лет назад
your thinking is amazing bro . I am also interesting UI & UX design Please give me some tips for increase my skill
@rakhisingh7122
@rakhisingh7122 5 лет назад
Thanks ......very helpful ......... your all videos ............lost of variation in your channel ....... thanks for all
@OnlineTutorialsYT
@OnlineTutorialsYT 5 лет назад
welcome :)
@akashpandey9452
@akashpandey9452 2 года назад
Thankyou so much ... appreciative work ... very helpful ...😍
@rumanzahid6671
@rumanzahid6671 3 года назад
Awesome tutorial
@metalcorewitchkhousovitch5774
@metalcorewitchkhousovitch5774 5 лет назад
Thank you!
@agamurat3019
@agamurat3019 5 лет назад
awesome
@sajadr9974
@sajadr9974 6 лет назад
18k sub wow
@gormelqonyan5813
@gormelqonyan5813 6 лет назад
You nice brother
@wesleysandifer6157
@wesleysandifer6157 4 года назад
Great vid. Question: how do you get words or paragraph to show up in the box. Seems like the only way I could get it to be seen was to apply style color right after the html tag . Am I missing something? I know it's got to be simple I'm just seeing what I'm doing wrong. Anyone thanks
@carlosaravena342
@carlosaravena342 6 лет назад
Esta muy bueno me gusto.....
@frankyagent9993
@frankyagent9993 5 лет назад
rely help full tnx u
@lucapoulsen4996
@lucapoulsen4996 5 лет назад
Very Good work Muhammad.
@Martin-4D
@Martin-4D 4 года назад
that is really cool!
@manasmourya4297
@manasmourya4297 2 года назад
awesome bro
@longsyee
@longsyee 4 года назад
i tried few ways is there a way to put it inside a container? so can create like column??
@npm4253
@npm4253 6 лет назад
Wow! Awesome . What about a video on SVG animations??
@naidasdiary5730
@naidasdiary5730 2 года назад
I was looking for this so long . thank you so much!!!!
@OnlineTutorialsYT
@OnlineTutorialsYT 2 года назад
Glad I could help!
@tejashatle2431
@tejashatle2431 5 лет назад
Awesome video... Can we add some text in that black box which is in the middle,if yes,how?
@somnathmondal192
@somnathmondal192 5 лет назад
thank you
@quamar0313
@quamar0313 5 лет назад
Super sir
@dadagamer7036
@dadagamer7036 3 года назад
You are really awesome
@SRcodeNP
@SRcodeNP 5 лет назад
how do you get such a idea thanks for this video bro i am your fan plz.. make an explanation on the all the css properties and pseudo element
@hermawanalim6827
@hermawanalim6827 5 лет назад
Amazing
@OnlineTutorialsYT
@OnlineTutorialsYT 5 лет назад
thanks
@hasibulpolok4106
@hasibulpolok4106 5 лет назад
I'm a big fan of you!
@OnlineTutorialsYT
@OnlineTutorialsYT 5 лет назад
thanks bro
@ga7853
@ga7853 6 лет назад
amazing, someone suggests u upload your tutorials on codepen, good idea but better is to try to create a library out of it like animate.css and contact Microsoft about it, or to upload it to your website and gradually people like Microsoft may want to include it in their Visual Studio the way bootstrap and materializeCss have done.
@avinashkumaravi2833
@avinashkumaravi2833 5 лет назад
Sirji aap kon Sa Software use Krte h typing k liye
@viveksaini9809
@viveksaini9809 5 лет назад
Sir pls give me help how can and where can use this code in my page or templete
@kenurken9305
@kenurken9305 4 года назад
Now I'm mother's designer ^_^ :D
@youser982
@youser982 5 лет назад
super!
@OnlineTutorialsYT
@OnlineTutorialsYT 5 лет назад
thanks
@naimaashraf8735
@naimaashraf8735 4 года назад
If I use this in my template... As there any copyright issue??? Plz explain me.... Bro.... Love you vai❤️❤️
@PacZackMan
@PacZackMan 3 года назад
where can i download this image that you made
@frankyagent9993
@frankyagent9993 5 лет назад
plz upload word press tutorials...
@elliaisaac9039
@elliaisaac9039 5 лет назад
Please upload more stunning and mind blowing effects and use of CSS
@idriskaleb3298
@idriskaleb3298 2 года назад
i dont mean to be off topic but does someone know of a way to log back into an Instagram account..? I somehow lost the account password. I would love any help you can offer me.
@jaimewells1725
@jaimewells1725 2 года назад
@Idris Kaleb Instablaster :)
@idriskaleb3298
@idriskaleb3298 2 года назад
@Jaime Wells Thanks for your reply. I found the site thru google and I'm in the hacking process now. Takes a while so I will reply here later when my account password hopefully is recovered.
@idriskaleb3298
@idriskaleb3298 2 года назад
@Jaime Wells it worked and I finally got access to my account again. I am so happy! Thank you so much you really help me out !
@jaimewells1725
@jaimewells1725 2 года назад
@Idris Kaleb Happy to help :)
@vishal_bhamare
@vishal_bhamare 5 лет назад
does it only work on div? i am trying to use it on button.. and its not showing result as yours did in the video at 4:43 ! ---------------- this is still my question... i did found a solution.. put my button inside that div... and its working now... thanks for awesome videos !! always a fan !!
@sacha6757
@sacha6757 5 лет назад
element doesn't support pseudo-element like before/after, wrap your into a
@faizalam8163
@faizalam8163 6 лет назад
I would suggest u to upload all ur tutorials on codepen...it would be really helpful..Please
@ivogatica7584
@ivogatica7584 5 лет назад
why so it is easy to grab the code? code it yourself so maybe you learn how to do it
@aravindr2333
@aravindr2333 5 лет назад
Programmer is always lazy😂
@creedoo
@creedoo 5 лет назад
No it's just trying to skip useless stuff because there's no point in copying 1:1 without even knowing what parts of the code does
@jirikadlec7796
@jirikadlec7796 5 лет назад
@@creedoo And what is the point of rewriting that sh1t? i can tell you, its just stupid cause you can simply rewrite it in few minutes and get nothing out of that….
@hendrik5243
@hendrik5243 4 года назад
I've made this one on codepen actually if it helps anyone codepen.io/fronthendrik/pen/RYOVzP
@mariofabre
@mariofabre 6 лет назад
How to give more than one like? 😀 because I really enjoyed this video, and learned many useful things in it, keep it up, congratulations!
@OnlineTutorialsYT
@OnlineTutorialsYT 6 лет назад
:) thank u
@mdparvejmondol9910
@mdparvejmondol9910 4 года назад
@@OnlineTutorialsYT vai ami to portugal thaki to apnar ki kono online coures ache naki?
@psocretes8183
@psocretes8183 5 лет назад
That' It's a nice effect, however, I got a popup when using safari saying that it was using significant power. I opened up the activity monitor on the mac and it did show that both Chrome and Safari were very 'power hungry' when displaying the effect. Not a grumble, just an observation. Where my son worked, one Christmas everyone had some sort of Christmas lights animation playing on their screens. They got a visit from the tech bod because he couldn't understand why the system was running so slow. Hahahahaha.
@thetektap8382
@thetektap8382 3 года назад
I am a simple boy, I see RGB, I click Like haha
@linusjakobsson741
@linusjakobsson741 5 лет назад
How do you add this to a canvas i've tried doing #canvas{here is your code} but the the .shadow dosent work then
@islamicsmtv7423
@islamicsmtv7423 5 лет назад
Bro font pr shade kese de plzzz help me
@JuanGabrielRivera
@JuanGabrielRivera 4 года назад
I am trying to do the same thing but not on the border, I want to do it inside the words... Any suggestions?
@ritik84629
@ritik84629 5 лет назад
what is the software
@eliotness1875
@eliotness1875 5 лет назад
how can i make it work in react js?
@thecshe
@thecshe 5 лет назад
amazing !!!!
@arcktrayaketo2636
@arcktrayaketo2636 5 лет назад
Animation : animate 20s linear gradient. 20s like to seeing 20% so much trouble for CSS beginners
@SalmanShah95
@SalmanShah95 2 года назад
Yes I am also css beginner
@sport7140
@sport7140 4 года назад
why left does not work inside before?
@privatebot1876
@privatebot1876 3 года назад
pls an 2020 uptade plssss
@sebastianougter
@sebastianougter 5 лет назад
Do anybody have a site where i can see it?
@quamar0313
@quamar0313 5 лет назад
:after { filter: blur() } not working
@TotoOrchestral
@TotoOrchestral 3 года назад
You should write 2 colon ( ::after ) not 1
@reyarnaud5196
@reyarnaud5196 6 лет назад
any idea why it doesn't work on Chrome? everything is ok but the animation doesn't display, checked my code 3 time and seems ok.
@reyarnaud5196
@reyarnaud5196 6 лет назад
Nevermind, found out my problem thx a lot !
@OnlineTutorialsYT
@OnlineTutorialsYT 6 лет назад
i created this on chrome browser.....
@OnlineTutorialsYT
@OnlineTutorialsYT 6 лет назад
work perfectly on chrome
@reyarnaud5196
@reyarnaud5196 6 лет назад
yep i juste type 2 consecutive "%" on animation thingy so thats why it wasnt working lol now its fine ^^
@Vikas-wz8ci
@Vikas-wz8ci 6 лет назад
Wow. Can i upload your code to codepen with little changes? 🤔
@OnlineTutorialsYT
@OnlineTutorialsYT 6 лет назад
yes...if u give channel url
@Vikas-wz8ci
@Vikas-wz8ci 6 лет назад
Online Tutorials sure 👍
@dipeshpatil2771
@dipeshpatil2771 5 лет назад
can you please share the link of your codepen animation ?
@AhSoh7091
@AhSoh7091 5 лет назад
why ::before && ::after setting z-index: -1 that no all become tranparent?
@reyarnaud5196
@reyarnaud5196 6 лет назад
thanx a lot you're a killer .You saw my comment on last video it seems , xD
@OnlineTutorialsYT
@OnlineTutorialsYT 6 лет назад
yes bro
@mohammadmunwar8620
@mohammadmunwar8620 5 лет назад
To do this animation we have to download CSS software ? Yes or no
@masoodma
@masoodma 3 года назад
you just make a new notepad document, name it what you want then add the extension .css
Далее
Border Animation CSS | Quick Animation
9:27
Просмотров 42 тыс.
Subway Surfers вернулась к классике
00:34
3 Box Shadow Tricks You MUST Know
17:05
Просмотров 68 тыс.
CSS Animated Gradient Shadow Tutorial in Hindi / Urdu
11:31
CSS Glowing Border animation
7:45
Просмотров 49 тыс.