CSS

四角い画像を丸くするCSS3

CSS

四角い画像を丸くするCSS3をメモしておきます。 img.styled { width:100px; border-radius:50px; -moz-border-radius:50px; /* for firefox */ -webkit-border-radius:50px; /* for chrome */ } 各border-radiusを画像の幅の「半分」にすることで真円になり…

iPhoneホーム画面のアイコン画像みたいな「角丸+ドロップシャドウ」をかけるCSS3

CSS

iPhoneホーム画面のアイコン画像みたいな「角丸+ドロップシャドウ」をかけるCSS3を書いてみました。 img.styled { /* 角丸 */ border-radius:10px; -moz-border-radius:10px; /* for firefox */ -webkit-border-radius:10px; /* for chrome */ /* ドロップシ…

HTML, CSSをemacsで編集するようにした。

HTML,CSSをemacsで編集するようにした。いろいろモードがあるけど、html-helper-modeを使うことにした。 404 Not Found から, html-helper-mode.el tempo.el をダウンロードして、emacs lisp用のフォルダに置いておく。 自分の場合はDropboxでimacとmacbookp…