Pure CSS Text Reveal From Smoke Animation Effect | CSS Animation Tutorial | Part 1/2
ฝัง
- เผยแพร่เมื่อ 2 ก.พ. 2019
- Enroll My Course : Next Level CSS Animation and Hover Effects
www.udemy.com/course/css-hove...
Another Course : Build Complete Real World Responsive Websites from Scratch
www.udemy.com/course/complete...
------------------
Join Our Channel Membership And Get Source Code Everyday
Join : / @onlinetutorialsyt
------------------
Please LIKE our Facebook page for daily updates...
/ online-tutorial-html-c...
------------------
Part 2 : • Pure CSS Text Reveal F...
Music Credit
Track: Tobu - Roots [NCS Release]
Music provided by NoCopyrightSounds.
• Tobu - Roots | House |...
Smoke.mp4 Download Link : drive.google.com/file/d/1ncI6...
Yep, "purest" CSS I have ever seen...
So compelling that I will take up smoking again to make more 'pure css' effects!
Also, trying to find a way to drop this channel completely from my searches/suggestions.
Marvin Rock whenever one comes up click the dots on the side then not interested and when it asks you to explain then say you don’t like the channel
hahaha
In Part-2 | How To Create Colorful Smoke
Video Will Be Published on this Tuesday
| Thanks For Watching | Your Love and Support
❤❤❤❤❤❤❤
From where you learn all this ?
Can I have this code pls
What Did you use I'm using notepad++ but it's not working what cad and html all did you use wanna use this to do my school work and build a website hope it comes out well would send you a link when it's finish 😄
You speack spanish?
@@jorgegamer0327 tienes alguna pregunta que te pueda ayudar
Please Support My Work on patreon
www.patreon.com/onlinetutorials
"Pure CSS Text Reveal From Smoke Animation Effect | CSS Animation Tutorial | Part 1/2 USING A VIDEO"
Title fixed
I am so glad that I found this channel. Thanks for your contribution through your awesome context. Respect from Nepal 🇳🇵
great stuff just wish you talked instead of playing music though
i agree
Me too
disagree. I think video is self-explanatory and music is great
If he records his own voice then this will take 2X efforts in making a video. As video is enough to explain, I think it is not required
@@twi4458 yes even i think it would be too time-consuming if he would explain everysingle step i think it is better if the video is self-explanatory
Thanks for the video tutorial! I liked this one a lot. Please keep them coming!
OMG, it's very beautiful! Thank you!
All the great things are simple!:D Thank you:)
so crazy. First look of this video. i was wondering how to make smoke effect in css. After watch video i get he use video clips for smoke effect ..! so crazy
This is the first channel that I clicked bell icon since I started watching TH-cam
Amazing hai bhai. Apne coding to diya iska kam se kam thanx again
Nice vedio..... But muhammad name par app ny jo animation lagayi hai..... Bahi qasam sy dill kush kr dia..... Love u bro.....
Creativity has no limit, thank you.
Wow. Pretty awesome if you ask me. I'm just starting html & css on my own and would love to get to your level in some future day...thanks for sharing.
3years later you dit it ?
You make the best Tutorials ever!
Toooo freaking dope 🔥🔥🔥🔥🔥🔥🔥🔥
just WOW! thank for the tutorial
I always wait your video to learn something new thank amazing videos upload all times
Wow,soooooooooooooooo powerful.My Guy,you have all my respect
Thought it was all made with css hahah still nice work!
hi! i need help! how can i do to write a code to read the animation with the write "muhammad" spinning continuously?
thanx!
As always great content 😀
How do I add just this amazing work with just the text & smoke on a page?
You're amazing brother!!
This is awesome ! Tanks bro!
Stunning
Amazing work brother as always. just loved it.
Great bro 👍😍
Can you help me please? When I paste smoke to my website, that have black background.
what is for?
really great work. In my example the word isnt appearing ... You see the "WORD" and then the animation starts.
Strange.
However is it possible to change background?
I tried to change background-image but then I recognized the video has an black background
Just fabulous...😍😍
Awesome video 😁 This is really cool ✌️
Your channel can reach heights to many folds if you speak what you explain
Great video, but you should add in video.
height: 100vh;
width: 100%;
Resolution of video is not always the same as resolution of display.
Yeah I had this problem. Thanks man !
Helped me also
yeah right
I wasn't able to apply the linear gradients to my smoke.mp4 file. The colors added to the background. I have watched your video of part 1 and 2 I have everything correct it just won't work..?
Mind Blowing Bro! :)
Good one tutorial.Thank you.
Hi.
I liked the idea.I am a newbie so practice by twicking your values,hope you won't mind and thanks.
But need your help here.
Problems are as follows:
1.The video isn't covering whole space.
2.will it work if outline-block(I have no idea) is used.
Awaited effect bro
Cool Idea ;) Thx for the great video.
Muhammad
OMG it's my name too ) and so beauty
Thans for video
I type exactly same code and I kept the three files in same folder but when I opened the html document then the video was displayed at top and text animation at bottom please give solution
great.many many thank u my brother.
Perfect!
It's undoubtedly one of the best effects available today. Thanks for sharing. May I use the smoke video & similar sort of effect for commercial use? Do reply, I don't want to land myself in any copyright infringement case.
hey i want to make the text an deffect of smoke on the top can i please reply
Amazing video man
Amazing
Really nice with only css
Great work bro..keep it up.
very awesome bro thanks alot ....css is hard
Yahi soch rha tha aj sunday ha aur video ani chahiye abhi tak ai q nahi aur phir noti a gya
:)
Sir and I have added bgsound tag for background but its working only in internet explorer not in others , sir I want backsound for this
Very creative 🤗
unbelievable 👌
Incredible 🤩
Superb bro..best of luck
Wow Next level Stuff, Thanks
buenisimo y facil marta!!!
You are genius...Keep it up.
Awesome!
We’ve been waiting for so long 👍🏻
Wow Dear🌹I am pleased for your great work xxxxxxxxxxxxxxxxxxxxxxxx love Reens.
Thanks bhai
thnX bro for making video
but i need ur help i'll try this thing
but some problem are coming
Thanks a lot for your tutorials. What would you recommend for someone that whould implement this but on a white background ? Thanks
thanks you Bhai for video
🤗você é o melhor do mundo 🇧🇷🤗
🤗you are the best in the world🇱🇷🤗
🤗🇦🇪🇯🇴🇸🇩 you are the best in the world 🇸🇩🇯🇴🇦🇪🤗
Congratulations Mohamed for gifting us with this great video, this is sure to be one of his greatest works, or who knows his best work, I and all his followers from all over the world Estefania really look forward to receiving this gift from you. I'm really happy, man, you're not good at what you do.
know that you are the best in the world, and that no one anywhere in the world will ever be more than you, for you are the best🤗
A big hug for you.
🤗🇧🇷🇯🇴🇧🇷🇦🇪🇧🇷🇸🇩🤗
You're not good at what you do? Lol
Awesome!!!!
my nth-child function is not working. Which code editor you are using?
Is there .a reason in VScode why the letters won't show up on the screen? I followed this tutorial to the exact but the letters disappear.
Suprbbbbb ❤❤❤
This is good to i use in a landing page?
You are the boss of animation and nth-child....
wow ! cool !
Masha Allah super bro
How do i make dropping word effect in css
amazing, add more videos please
Awesome
Have you any color smokes? Where can I download them?
ohhh thats cool
I am not able to see the smoke effect when i load the html. Can someone help me where i am wrong?
Badya bhai
Very nice
thanks!!!
Very good tutorial
my video is override the span text. my text is not shown. what should i do?
Without somke.mp4 video how can i do this
Is there any attribute to get the smoke effect
amazing
there are two codes in this video so how should i join both to get smoke effect..I am in grt confusion over there as I am a beginner...plzz help me.
I'm from Brazil, I'm using Google, I copied everything I did right on the video but I did not get a wheel in the browser and on the browser page I got a smoke effect, which I do.
hey could you provide an alternative download link for example a mediafire one? the provided link has to many redirects for my computer
thanks yar
Waaooo...amazing wrk..
Very usefull video.
hi how to stop keyframe animation after complete animation without loop my animtion continoue work as a loop
please help me
Use forwads instead of infinite
Put Iteration count equal to 1
I have a lot of questions. First i tried with notepad ++ it won't work. Next i tried with visual that im using all the time. It shows the video but not the letters. I did exactly the same thing like copy paste and still no. Why?
nice job but my css code are nt having effect on my html script when i tried this
what could be the cause???
link them