6 ms·

> What did people do before CSS transforms? They used Flash. You can now do everything you could do in Flash, with CSS[0]. There's even a few GUI tools[1] for

> What did people do before CSS transforms? They used Flash. You can now do everything you could do in Flash, with CSS[0]. There's even a few GUI tools[1] for CSS where you don't have to figure out the code: [1] https://enjoycss.com/ https://enjoycss.com/ [1] http://selfcss.org/ http://selfcss.org/ [0] Edit: And Javascript

edoceo 5y ago
Both of those block usage on mobile device. Is this irony?
- legrande 5y ago
  Try spoofing the useragent, or if your browser supports requesting a 'desktop version', then use that. I wouldn't use a phone to code though
rchaud 5y ago
> You can now do everything you could do in Flash, with CSS. AND JavaScript. With Flash, you just needed to know Flash. With HTML5, you need to know a whole lot more about DOM manipulation. If you're animating SVGs, that has its own markup and learning curve. Flash could also do 3D animation, which CSS cannot. You need to know WebGL and a library like three.js for that to be workable. By far the best WYSIWIG animation tool I've used is Tumult Hype for Mac. It handles the creation of all the JS-based animation triggers through the GUI. I hope there will be a WebGL version of this that is as easy to use.
- legrande 5y ago
  > Flash could also do 3D animation, which CSS cannot Saw a few Codepens over the years[0] where people managed to rotate 3D cubes, all done entirely with CSS. Of course if you needed to interact with the cube you would need JS, but 3D can be achieved with CSS alone, it's just a very hacky way of doing it. [0] https://codepen.io/mehra_as/pen/KRKPBq https://codepen.io/mehra_as/pen/KRKPBq
  - 6510 5y ago
    You can do interactions with hover, [hidden] check boxes, focus and even anchors.
  - deleted 5y ago
    [deleted]
  - Jaygles 5y ago
    This is a CSS only 3d thing I did a while ago as an exercise. Its a bit buggy but still pretty neat https://jaygles.github.io/city-block/ https://jaygles.github.io/city-block/
  - MonaroVXR 5y ago
    Someone made the new iMac with CSS
- mumphster 5y ago
  https://www.w3schools.com/css/css3_3dtransforms.asp https://www.w3schools.com/css/css3_3dtransforms.asp
  - rchaud 5y ago
    That article is about rotating 2-D shapes on the z-axis (3-D plane). An image of a cube in an HTML document will look like 3D without any transforms applied. However if you try to rotate that image on the Z-axis, it will warp, clearly showing that it is still a 2D object. There are other necessary aspects of 3D such as camera angles and dynamic light and shadows, but that's outside the scope of what you'd expect to be supported in the official CSS spec. HTML and CSS don't support 3D shape manipulation and motion. WebGL is needed for that.
bryanrasmussen 5y ago
>[0] Edit: And Javascript And SVG! ..and an almost fanatical devotion to the Pope.
grishka 5y ago
However, Flash was really easy to get into. You didn't need any programming whatsoever if all you wanted was a vector cartoon. And you did need to copy-paste some ActionScript if you wanted a fancy-looking navigation bar. Current web lacks this ease of authoring, so I wouldn't say "you can now do everything you could do in Flash". Flash also felt more like a proper application framework. Web still feels like you're working with an extremely advanced word processor.

edoceo 5y ago

Both of those block usage on mobile device. Is this irony?

legrande 5y ago
Try spoofing the useragent, or if your browser supports requesting a 'desktop version', then use that. I wouldn't use a phone to code though

rchaud 5y ago

> You can now do everything you could do in Flash, with CSS. AND JavaScript. With Flash, you just needed to know Flash. With HTML5, you need to know a whole lot more about DOM manipulation. If you're animating SVGs, that has its own markup and learning curve. Flash could also do 3D animation, which CSS cannot. You need to know WebGL and a library like three.js for that to be workable. By far the best WYSIWIG animation tool I've used is Tumult Hype for Mac. It handles the creation of all the JS-based animation triggers through the GUI. I hope there will be a WebGL version of this that is as easy to use.

legrande 5y ago
> Flash could also do 3D animation, which CSS cannot Saw a few Codepens over the years[0] where people managed to rotate 3D cubes, all done entirely with CSS. Of course if you needed to interact with the cube you would need JS, but 3D can be achieved with CSS alone, it's just a very hacky way of doing it. [0] https://codepen.io/mehra_as/pen/KRKPBq https://codepen.io/mehra_as/pen/KRKPBq
- 6510 5y ago
  You can do interactions with hover, [hidden] check boxes, focus and even anchors.
- deleted 5y ago
  [deleted]
- Jaygles 5y ago
  This is a CSS only 3d thing I did a while ago as an exercise. Its a bit buggy but still pretty neat https://jaygles.github.io/city-block/ https://jaygles.github.io/city-block/
- MonaroVXR 5y ago
  Someone made the new iMac with CSS
mumphster 5y ago
https://www.w3schools.com/css/css3_3dtransforms.asp https://www.w3schools.com/css/css3_3dtransforms.asp
- rchaud 5y ago
  That article is about rotating 2-D shapes on the z-axis (3-D plane). An image of a cube in an HTML document will look like 3D without any transforms applied. However if you try to rotate that image on the Z-axis, it will warp, clearly showing that it is still a 2D object. There are other necessary aspects of 3D such as camera angles and dynamic light and shadows, but that's outside the scope of what you'd expect to be supported in the official CSS spec. HTML and CSS don't support 3D shape manipulation and motion. WebGL is needed for that.

bryanrasmussen 5y ago

>[0] Edit: And Javascript And SVG! ..and an almost fanatical devotion to the Pope.

grishka 5y ago

However, Flash was really easy to get into. You didn't need any programming whatsoever if all you wanted was a vector cartoon. And you did need to copy-paste some ActionScript if you wanted a fancy-looking navigation bar. Current web lacks this ease of authoring, so I wouldn't say "you can now do everything you could do in Flash". Flash also felt more like a proper application framework. Web still feels like you're working with an extremely advanced word processor.