LoginSignup
3
4

More than 5 years have passed since last update.

縞模様のhr(repeating-linear-gradient)

Posted at

普通の
では厭だ!

<hr>が縞模様になります。
https://jsfiddle.net/lovalotta/a7fjx2y2/

スクリーンショット 2015-07-05 20.01.07.png

ブラウザ制限がある

Android 4〜4.3までは-webkit-repeating-linear-gradientを使う必要があります。Android 2.3は残念ながら対象外です。

Safariは6.xぐらいのだと-webkit-が必要になるので、Android対応と同じやりかたで間に合います。

なんかレンダリングが汚い

スクリーンショットはMac+Chromeだったんですが、なにやら縞模様が均一でない。Firefoxで見た時もムラがあったので、あまり美しくない気がする。どうしても虎柄にしたいときとか、そういうときに使うのが良さそう。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4