タグ

背景に関するyunyunyunynのブックマーク (2)

  • 背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ

    CSS3 が主要ブラウザに対応したことから、これまではむずかしかったアイデアやコンセプトも、手軽にスタイリングできるようになってきています。今回は、背景デザインにスパイスを加えるエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。 コピペで利用できる手軽なものから、これってどう表現するんだろうという面白スタリングまで、注目をあつめるテクニックを中心に揃えています。デザイン制作に悩んだときに活用してみてはいかがでしょう。 詳細は以下から。 背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ ※ デモが動かないときは、「RETURN」ボタンをクリックすることで、再読み込みされます。 ※ ページの読み込みに多少時間がかかります、すこし待ってからスクロールするとスムーズに表示されます。 Pure CSS Cinema Effe

    背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ
  • SVG Background Imageの色をCSSで変える方法

    SVG画像をbackgroundで使いたいことって多いですよね。 background-image: などです。 普通にbackground-image: url(img.svg);みたいな感じで直接SVGファイルを指定して背景にSVGを使うことはできますが、この方法だと色をCSSで変えることができないです。 この方法で色を変えるには直接SVGを編集するしかありません。 そこで今回は、SVG画像を背景で使い、かつ色をCSSで変える方法について解説していきたいと思います。よく使う方法ですがこの際記事にしたいと思います。

    SVG Background Imageの色をCSSで変える方法
  • 1