Confused | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 5

Confused

I am confused in making animations that by which i should do thus by html or css

3rd Aug 2020, 11:13 AM
Sunny Pal
Sunny Pal - avatar
38 Answers
+ 24
YOU'LL NEED BOTH HTML AND CSS Start basics first. 1) first make a make line using css and html. 2) now you know how to make a line, wow, then your next step must be something complex than a line likes circle or square. 3) it's kinda boring working with shapes that are at rest, what's next, animate. 4) learn some basic animation with CSS and then try to move those shapes(line, square or circle). Voila, you've learn animation with html and CSS. what's next, if you want an advance animation like say a human face winking then you just need to overlap those shapes(that you've learned making) over one another to make organs like eyes nose mouth etc. (for example, for eye you need two circles one black color for eye ball and then another white color for the part on which the eye ball lies upon, that is, you just need to overlap two circles, its simple) Now, you want your human face to Wink, that's easy use the animation knowledge that you have just learned from moving line, square or circle. HAPPY LEARNING :)
3rd Aug 2020, 11:27 AM
Rohit
+ 7
Use html for the structure ie the stuff you want use, then use css to style the stuff your using, then use javascript to access the properties of the elements your using.
3rd Aug 2020, 11:42 AM
D_Stark
D_Stark - avatar
+ 6
What are you using in html for animation Canvas ,svg ,marquee???
3rd Aug 2020, 11:18 AM
Divya Mohan
Divya Mohan - avatar
+ 5
I am using css mosty
3rd Aug 2020, 11:23 AM
Sunny Pal
Sunny Pal - avatar
+ 5
Without canvas and svg
3rd Aug 2020, 11:24 AM
Sunny Pal
Sunny Pal - avatar
+ 4
I am making a text particles animation
3rd Aug 2020, 11:23 AM
Sunny Pal
Sunny Pal - avatar
+ 4
Css is better if you are animating a webpage . Canvas and svg are for game stuff. Go with css.
3rd Aug 2020, 11:27 AM
Divya Mohan
Divya Mohan - avatar
+ 4
Ya u r right css is more effective
3rd Aug 2020, 11:27 AM
Sunny Pal
Sunny Pal - avatar
+ 4
Diya how u made tha keyboard did u made that at your own Divya Mohan Divya Mohan
3rd Aug 2020, 11:30 AM
Sunny Pal
Sunny Pal - avatar
+ 4
Yes bro
3rd Aug 2020, 11:48 AM
Divya Mohan
Divya Mohan - avatar
+ 4
I use to see different projects of html css and js on YouTube. And see their concepts and use that concept in different ideas. This one I have taken from calculator project.when I see typing number can add data to calculator screen. Then I use it for keyboard.
3rd Aug 2020, 11:55 AM
Divya Mohan
Divya Mohan - avatar
+ 4
Copying project is crime/palgarism but copying technique/concept is what we called study.
3rd Aug 2020, 11:56 AM
Divya Mohan
Divya Mohan - avatar
+ 4
HTML should be used for Structuring the webpage (You can call it skeleton of Human body) CSS should be used for Designing the webpage (You can call it your flesh and wearing cloth) JavaScript should be used for Giving Behaviour to your webpage button clicks, animation etc. (like you are dancing, singing etc) This is standard. But with the modern CSS you can give behaviour to your website like you can add animation in your website by using CSS only. I am suggesting you first learn HTML very well, then learn CSS very well and learn in depth then you can learn SASS and SCSS also which is CSS's preprocessor. Then learn JavaScript and learning JavaScript is a long journey. Learn step by step. Best of luck and good wishes for you.😊
4th Aug 2020, 5:37 PM
Md. Musfiqur Rahaman
Md. Musfiqur Rahaman - avatar
+ 4
You will need both Html and css but you must need CSS for designing your page
5th Aug 2020, 8:33 AM
Shubham 🖤
Shubham 🖤 - avatar
+ 3
How u all gets that much snazing ideas i usually make a simple boring webpage thats why i never upload my codes😅😂😂😂😔☹️
3rd Aug 2020, 11:50 AM
Sunny Pal
Sunny Pal - avatar
+ 3
Kk nyc keep it up
3rd Aug 2020, 11:57 AM
Sunny Pal
Sunny Pal - avatar
+ 3
I am very beginner to programming... It will take time to do something attractive .
3rd Aug 2020, 11:58 AM
Sunny Pal
Sunny Pal - avatar
+ 3
You have front end tool which are enough to rock. Just use them as you can.
3rd Aug 2020, 12:03 PM
Divya Mohan
Divya Mohan - avatar
+ 3
I will try my best..😎
3rd Aug 2020, 12:06 PM
Sunny Pal
Sunny Pal - avatar
+ 3
Sunny Pal canvas can't be used with only HTML, it needs JavaScript, SVG uses XML if I'm right, pretty similar to HTML, but you said you aren't trying to animate on SVG or Canvas, and animating HTML elements without CSS isn't possible.
3rd Aug 2020, 1:31 PM
Karak10
Karak10 - avatar