簡単に色々な種類の角丸ボックスが作れる「DD_roundies」
2008年12月05日-
スポンサード リンク
DD_roundies: Another (better?) round-corner HTML box concept
簡単に色々な種類の角丸ボックスが作れる「DD_roundies」
角丸にするのに必要なのは次の一行だけ(当然、最初にライブラリを読んでおく必要があります)。
DD_roundies.addRule('.box', 10);
次のように、太い線のものや背景色指定してみたりと、いろんな種類の角丸が作れます。
角丸ライブラリのひとつの選択肢として覚えておくとよさそう。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- Matter.jsとPaper.js を使った物理オブジェクトでコンテンツをマスクするデモ
- Three.jsでパーティクルが雨のように降り注ぐ実装デモ
- ホバーで文字がバラバラと集まるエフェクト実装
- ClipPathを使ったオシャレな画面切り替えスライドショー実装
- テキストをSVGを使って円形アニメーションさせるデモ
- Three.jsをつかった3Dなローディングアニメーション実装
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- 過去のエントリ