How to style a div to be like a rocket?
I want to style an html div to be like a rocket, I mean it should represented as an oblong with a triangle edge. Just like this screenshot:-
Here's a tutorial that explains how to create a few variations of breadcrumb navigation in pure CSS3.
The final result looks like this:
Here's a working demo.
A pure CSS solution could make use of the :after pseudoselector and abusing borders to make triangles. This site will even generate the code for you:
Set the position to right and the size to be the height of the div.