cssフィルター

css

cssで画像にいろいろ効果が与えられるcssフィルターを試してみました。現在、ブラウザプレフィックスが必要な状況ですが、簡単に効果が適用できます。 See the Pen mERXqe by HIROMITSU Daisuke (@daisuke718) on CodePen. 画像はレナさんを使わせてもらい…

2016-06-11

フォントアイコン

css

フォントアイコンについて勉強(？)してみた。 Font AwesomeとGoogle Material Icons (Font) を試しました。 fontawesome.io design.google.com 実行例以下実行例です。サイズと色変えられるようにしておきました。「!important」をつけないとGoogle Mater…

2016-04-30

CSSアニメーション基礎編を勉強してみた

css

CSSアニメーションについて勉強したのでまとめ。 Mozillaさんがまとめてくれてたのでこれに従って勉強しました。 developer.mozilla.org 以下、見出しはMozillaの記事に合わせてます。文字列がブラウザのウィンドウを横切る以下のようなことが分かりました…

2016-04-03

追随あれこれ

css

Webページで部品を追随させるようにするcssの書き方集。昔は結構苦労した気がするけど、CSS3だと結構楽に書けるようになってる(・∀・)ｲｲﾈ!! position: fixedを使った方法 position: stickyを使った方法 FlexBoxを使った方法他にもあるかもしれないけど、今…

2015-12-26

htmlとcssで吹き出し　応用編

html css

hiromitsu-daisuke.hatenablog.com だいぶ間が空いてしまいましたが、吹き出しの応用編です。罫線つきの吹き出し See the Pen balloon border by HIROMITSU Daisuke (@daisuke718) on CodePen. 擬似要素のbeforeとafterを使って2つの三角形を追加して、一方…