Animation to Explain CSS Triangles
codepen.io
Animation to Explain CSS Triangles
1–10 of 107 posts
Re: Animation to Explain CSS Triangles
#2Very cool!
I always knew how it worked but it was nice to see the animation play out.
Re: Animation to Explain CSS Triangles
#3I had no idea. Thanks for the very cool animation/explanation. A+
Re: Animation to Explain CSS Triangles
#4Sweet. Thanks for making this.
It'd be awesome if you could extend the animation and show examples of complex shapes you could make with triangles.
Re: Animation to Explain CSS Triangles
#5I wish all CSS was described this way... Thanks!
Re: Animation to Explain CSS Triangles
#6I always sort of wondered about this, but I never got around to investigating it. Thanks for the lesson.
Re: Animation to Explain CSS Triangles
#7I'm the only one here that although thinks it is a cool presentation fells sad about how a triangle needs to be described as a very broken rectangle?
Re: Animation to Explain CSS Triangles
#8I'm the only one here that although thinks it is a cool presentation fells sad about how a triangle needs to be described as a very broken rectangle?
A lot about CSS is sad.
Re: Animation to Explain CSS Triangles
#9I'm sorry, I have very little experience with web design, but is this the supposed way to create a triangle? It seems weird there would be no way to build shapes with primitives.
Re: Animation to Explain CSS Triangles
#10I'm sorry, I have very little experience with web design, but is this the supposed way to create a triangle? It seems weird there would be no way to build shapes with primitives.
It's just a hack. If you want to create a triangle you'll either draw it on a CANVAS or use SVG. You just cant for instance, put a text in a triangle easily with CSS today(at least in a cross-browser way).