話題の「イラストレーターで四角形オブジェクトを1つだけ配置して、すべてアピアランスで作成されたアイコン」をさらにHTMLとCSSで再現された方がいたので、HTMLとCSSだけで手帳アイコンを作ることにトライしてみました。 参考サイトまずは参考にさせていただいた元ネタはこちらです。 ・イラレのアピアランスで作れたアイコンが凄かったので、HTMLとCSSで模写した。|Web Design KOJIKA17 ・Illustrator Unlimited Appearance - suzuki | JAYPEG 両者とも、とてもクオリティが高いですね。及ばないかもしれませんが、レッツトライ。 HTMLとCSSで作った手帳アイコン HTMLとCSSはこちら ※最新のブラウザでご覧ください。 裏表紙 + 紙 裏表紙をベースに「box-shadow」を内側に、「紙」と「紙の影」を左側に4pxと1pxずつ
![HTMLとCSSで手帳アイコンを書いてみました。 / SQUEEZE - Web Design Studio -](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b33ab7dac8177c3d6091901951de7a11cc0cbec/height=288;version=1;width=512/https%3A%2F%2Fsqueeze.jp%2Fwp%2Fwp-content%2Fuploads%2F2013%2F08%2Feyecatch-icon-design-css-only.jpg)