CSSできれいな斜め線

テクノロジーカテゴリーの変更を依頼記事元:

hail2u.net

86 usersがブックマークコメント

コメント

7

記事へのコメント7件

注目コメント
新着コメント

kaerusanu 三角形を書く

2016/01/21 リンク

oppara CSSできれいな斜め線 - Weblog - http://t.co/PMuo53MRxd B!

2015/02/28 リンク

s99e209 CSS3のlinear-gradient()できれいな斜め線を引くための工夫。

2015/02/28 リンク

mzkzzz ブラウザでこんなにちがうのか。

2015/02/27 リンク

Nemisama あとで試す

2015/02/25 リンク

murokaco “preserveAspectRatio属性を指定する”

2015/02/23 リンク

tyru css詳しい人まじで尊敬する

2015/02/22 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

CSSできれいな斜め線

CSSで斜めに線を引くようなことをするには多少なりとも工夫が必要だった。つまりCSSで作る吹き出し(もう... CSSで斜めに線を引くようなことをするには多少なりとも工夫が必要だった。つまりCSSで作る吹き出し(もう5年前の記事だ)のようにborderプロパティーを使って頑張るしかなかったわけだ。今はlinear-gradient()があるので直観的に作ることができるようになった。しかしきれいに引くとなるとまだ工夫が必要そうだ。 Demo: CSS Diagonal Line borderプロパティーを使ったもの、linear-gradient()を背景で使ったもの、Data URI化したSVGを背景に使ったもの、以上の計3つのデモを作った。 .lg { background-image: linear-gradient( to right bottom, transparent 50%, #f0f 50% ); background-repeat: no-repeat; background-si

ブックマークしたユーザー

ka2nn2016/12/08
kaerusanu2016/01/21
TAKEmaru2015/09/15
waitingmoon2015/05/14
tksnesne2015/03/25
ajinorichan2015/03/22
metrograph2015/03/11
moqada2015/03/02
yorozuna2015/03/02
lEDfm4UE2015/03/01
oppara2015/02/28
s99e2092015/02/28
mzkzzz2015/02/27
kuroaka18712015/02/25
Nemisama2015/02/25
ponpoko042015/02/25
kumi-fj2015/02/24
matsuoshi2015/02/24

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx