最近になってアイコンの真ん中にnot foundなアイコンが出ていた。
iPhoneのアプリ紹介のアイコンで角が丸くなっていないものについては角が丸いアイコンをかぶせて擬似的に角を落として丸くしていたのですがどうもサイト側でアイコンがなくなってしまった模様。
問題の画像は、http://r.mzstatic.com/htmlResources/2338/images/mask175.png にあったのですが構成がかわってしまったのかアクセスできなくなっています。
というわけでローカルに保管していたものに差し替えておきます。結構マスクの素材はあるみたいですね。
http://roguer.info/wp-content/uploads/mask175.png
実際にマスク画像を上からかぶせるとこのように角丸に見えますね。
リンク自体は以下のように生成されています。
[cc lang=”html”]
[/cc]
HTMLだけで色々出来るようになって久しいですがなかなか覚えられません。もっともっと今は便利になっているのでCSS3を旨く使う事でかなりの事が出来るのでそれを試してみたかったのですが時間なかったのでまた今度 (^^:
試してみたかったのはこちらの [CSS]画像に美しい角丸とボックスシャドウを適用する方法 | コリスです。