How to make Animated Rainy & Lightning clouds | Dev Tech

Title ;
" How to make Animated Rainy and lightning clouds using by html , css , java-script | Dev Tech "
------------------
Creators ;
‪@Dev_Tech1‬
‪@OnlineTutorialsYT‬
‪@GreatStackDev‬
‪@codehal‬
------------------
Tags;
#devtech
#csseffect
#topcsseffects
#rainyclouds
#lightning
#webdesign
#webdesigner
#uxdesign
#uidesign
#uiux
#responsivewebdesign
#html
#css
#javascript
#html5
#css3
#js
#reactjs
#nodejs
#vuejs
#webdevelopment
#webdev
#coding
#programming
#developer
#webdeveloper
#digitalmarketing
#seo
#onlinemarketing
#frontend
#frontenddeveloper
#webdevelopmenttools
#code
#codinglife
#softwaredevelopment
#animatedscreen
------------------
Copy-Right ;
" Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use "

[@Dev_Tech1]

Hey Guys!
If you want more videos like this video,
then subscribe to my channel...
Thank you ❣...

[@shahrukhpakistani]

Perfect

[@Dev_Tech1]

😊

[@irsaandsoha]

nice

[@Dev_Tech1]

Thanks

[@ashu_ff0]

Such an amazing 😍

[@Dev_Tech1]

🥰

[@Telugumobilecoder]

Add some lighting effects to clouds after its looks so attractive

[@Dev_Tech1]

😊

[@DhanushvarmaChekuri]

Hey I just have a question, when you added the css for .cloud container at 2:42. where did 2 squares come from?? There. is only one div of class "cloud" inside the "container" div right? Could you please explain how you did that. I am new to css. It'd be great if I learn a new thing

[@Dev_Tech1]

yeah great question so the 2 squares are included by .cloud ...
1square from .cloud::before and 1 square from .cloud::after ...
if you proper watch a video then you will be understand ,
how is it included the 2 squares ...

[@DhanushvarmaChekuri]

@@Dev_Tech1 Thank you, but even before writing the css for .cloud::after we got two squares right. How is that even possible. Am I missing something here??

[@Dev_Tech1]

@@DhanushvarmaChekuri bcz 1 square from .cloud and the second one square is from .cloud::after ....

[@DhanushvarmaChekuri]

@@Dev_Tech1 Gotcha. Thanks, Man!!

[@Dev_Tech1]

@@DhanushvarmaChekuri 🥰