CSS

CSSだけを使ったストライプ(斜め・水平・垂直など)の作り方

CSSだけを使ったストライプの作り方「Stripes in CSS」が紹介されていました。これとても便利ですね。見出しなどの要素の背景にストライプを使いたいって時に役立ちそうです。斜めのストライプや水平・垂直のストライプまで色々と参考になります。

[ads_center]

ストライプ

CSSでストライプを作るやり方

Stripes in CSS | CSS-Tricks

実際のCSSでは主にrepeating-linear-gradientが使われています。斜めのストライプの角度は45degに設定されています。

自分で画像を作成して用意しなくてもCSSだけでストライプができるので、お手軽ですね。

GoPro HERO3+に使えるアクセサリーGoPro HERO3+に使える25の凄いアクセサリー前のページ

紙のようなエフェクトのスライダーを実装できるjQueryプラグイン「Paper Slider」次のページ

最近の記事

  1. CIO Mate Magnet Stand
  2. 抹茶クリームドーナツ
  3. FAST
  4. クリスマスブレンド
  5. ホワイトチョコマカダミアドーナツ
PAGE TOP