The villain who draws pictures with HTML / CSS has released his work
I am drawing with spreadsheet software Excel "Excel's Michelangelo"There are artists that maximize the possibilities of software, like" Former chief technical officer of former KickstarterAndy BioMr. introduces work by craftsmen who creates beautiful pictures with HTML / CSS handwritten code only on Twitter.
Diana Smith | Software Engineer | cyanharlow @ GitHub
http://diana-adrianne.com/
I introduced the illustration that Mr. Bio was made with CSS on Twitter.
This stunning illustration by@ cyanharlowis pure HTML / CSS. Every element was typed by hand, drawing with only a text editor and Chrome dev tools.https://t.co/kzf7BhkLA5pic.twitter.com/CmYG6LcnRh
- Andy Baio (@ waxpancake)May 1, 2018
When you open the following page in the browser, you can display the work made with CSS.
http://diana-adrianne.com/purecss-francine/
I made this illustrationDiana SmithMr. At first glance the picture which looks like what you created with drawing software ...
It is said that it is created by handwriting code with CSS all.
The picture changes according to the interpretation of the CSS of the browser. It's a mobile version of Safari like this.
Safari on iOSpic.twitter.com/bRQm3s82YD
- Barlog (18+) (@ Barlog_M)May 1, 2018
It is like this in Chrome 17.
Display in Firefox 3.6
Display on Chrome 9
With Internet Exproler 5.1.7, it has become unclear what is any longer.
Creating with CSS is a hard to believe picture, but you can change the picture by modifying the code.
That's awesome! I was able to make it a a little spooky lolpic.twitter.com/9yiSBTecBt
- Matias H. Leidemer (@ matiasleidemer)May 1, 2018
Mr. Smith, who has skilled skills to call it as a CSS illustration craftsman, has also released other works.
Mr. Smith publishes tools for making CSS illustration on the GitHub page below, so if you are interested, please refer.
Diana Smith | Software Engineer | cyanharlow @ GitHub
http://diana-adrianne.com/
Related Posts:
