[B! Webデザイン][css3] fumiruiのブックマーク

fumirui id:fumirui

Webデザインとcss3に関するfumiruiのブックマーク (4)

[CSS]border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック
角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。色によっては、蛍光ペンや絵筆みたいにもできますね。デモページ ※リンク切れ実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。スラッシュで区切ることにより、水平
fumirui 2016/11/14
web制作

webデザイン

css

HTML

CSS3
リンク
【第2弾】少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！目次画像を丸く表示 1本線のテーブル 1本線の水平線線色を指定しなくても文字色と同一色になる複数の背景画像背景画像のサイズ Webフォントを使う画像をモノクロやセピアにするリストマーカーの色を変更グラデーショングラデーションボーダーフラットだけど立体的ボタン画像をぼかすレスポンシブに対応した動画要素を真ん中に配置カンマで分けたリスト文字を縦書きフォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット線のオフセット設定 HTML・CSSの全
fumirui 2016/02/02
HTML

css

CSS3

Webデザイン

tips

まとめ
リンク
[CSS]CSS3のMedia Queries（メディアクエリ）の使い方と実装例
CSS3 Media Queries 下記は各ポイントを意訳したものです。はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方まずは、デモページをみてください。ブラウザのサイズを変更すると、スタイルが変更されます。
fumirui 2013/09/03
webデザイン

CSS3

media Queries
リンク
https://shop.hasbro.com/worldwide
fumirui 2011/12/23
toy

キャラクター
リンク
1