CSS3を極めたいなら知っておきたい三角形を作る3つの方法
CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を３つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って
キラキラ光る星効果
ブラシで作るキラキラ光る星のような効果。作り方も簡単なのですぐに覚えられます。１）ブラシで直線を引く見やすいように背景を黒で作成します。新しいレイヤーを追加して基本ブラシで１ピクセルの（場合によっては２ピクセル）ぼかし無しのブラシを選択して直線を引きます。直線はSHIFTキーを押しながらドラッグすると簡単に引けます。２）ぼかし（移動）[フィルタ]→[ぼかし]→[ぼかし（移動）]でこの直線の左右を延ばしたような効果をつけます。プレビューを見ながら最適な長さになるよう調整しましょう。３）複製していくCTRL+J...
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Credit Cards Icons
