Animation Without CSS is possible??

Question

Does it is possible that we can animate such elements visuals. Without JS?

Answer 1

Raj Ghosh Doing animation with JS is possible but many disadvantages.

1. If browser disables JS, then no animation.

2. Css animations are optimized by browsers, so they ll always run faster than its JS counterpart.

Its a trick in making web games : if you have simple repeating animation then best to outsource it to css(to reduce frame redraw).

3. Adding simple animation with Css(@keyframes) is so much easier than doing it with JS.

Now doing CSS with JS might be another topic and its getting popular due to React css loaders, that use JS for css
https://gomakethings.com/whats-wrong-with-css-in-js/

The down side of css animation is you can create only simple repetitive animations, you cant do conditional complex animations, for that we would use, canvas(2d), webGL(3d) in JS.

Answer 2

Technically yes.look at this: https://code.sololearn.com/WT8fn1jI2jIG/?ref=app

Answer 3

Raj Ghosh I don't think so .

Answer 4

Calviղ good point .

Answer 5

if you're not hoping to use css,js for animations..then you have to settle with the depreciated <marquee> tag

Answer 6

Without CSS, without JS...then what the animation you want to run with?

Answer 7

Raj Ghosh and Toni Isotalo You can do animation with JS(Canvas), you didnt need css to do that

Answer 8

My point is that, if we do animation with js it will be visually good and dynamic. But can we do the same without JS? That's my point of view..

Answer 9

Victor Ambutsi Khamati Lol marquee is removed on html5 but people still use it I don't know which part of real projects does marquee is used for.

Answer 10

Morpheus That's what i'm looking for, thank you.

Answer 11

No CSS and JS animation? 😆 You can't animate with HTML. 😆

Answer 12

I think its possible but turning my thought into reality seems hard,ha ha all in all why don't you try to canvas the HTML?
The <marquee> element also brings some type of animation