A Single Div
11–20 of 146 posts
[deleted]
Re: A Single Div
#12[deleted]
The outer div could be replaced with the body tag. Those divs are just for showing multiple examples on the page.
Re: A Single Div
#13The first couple of these all have before and after pseudo elements. If you're going to use those its kind of cheating calling it a single div when you have 3 styleable elements
I disagree - you still only have one element in markup which is the whole point.
Re: A Single Div
#14These are really impressive. Are you using a program to compile these to CSS or are you just a wizard?
Re: A Single Div
#15Interesting to see CSS coming into it's own. Sure it's not the most practical thing at the moment, but I could certainly see some smaller-scale uses being useful today (like iconography and such).
Makes me wonder if we'll begin to see icon/image libraries released with pure css versions.
Re: A Single Div
#16I am unmoved by the many "... in pure CSS" posts, but I guess they are the equivalent of "HTTP server in x86 assembly" for CSS designers.
Re: A Single Div
#17This is wizardry.
Re: A Single Div
#18I came in expecting this to be an example of a website without tons of nested elements- the problem that html5 was supposed to solve but didn't.
Re: A Single Div
#19They are really nice but I really don't see the point why they are implemented in css. Most of the images make use of the capability of directly using gradients in the background-image property. Of course it could be easily replaced by the appropriate svg element. For the lollypop shadow I would make use of the 3D transformation capabilities of CSS3. AFAIK svg is only capable of affine transformations (why?) while CS…
It's but a proof-of-concept.
Re: A Single Div
#20What is the point of doing that instead of using SVG?