About a few years ago, I found a tutorial how they teach you to create an apple logo using CSS and multiple DIVs.
This image of an iPhone - including all the elements in it, e.g. logo, camera, buttons, etc - is created using only 1 DIV:
The whole source code can be found here:
https://codepen.io/thadeuszlay/pen/EyZxZj
It's an ongoing series I make: Creating images with CSS and only 1 DIV. If you have another idea what else I could make, drop a line.
Top comments (10)
Wow nice one
Thanks. Will upload more later
Is the camera also css or it image .. just asking thou 😎
Everything is CSS. It's made purely with CSS and one DIV. Check the code yourself
just checked it out man... that was a great css work you did right there
Thanks. I'll post more in the near future. Stay tuned. B)
Good job!
Thanks.
Fascinating
Lol. Thanks