「css3」の記事一覧

ブログのテーマを自作の物に変更

ブログのテーマを自作の物に変更

2012年5月29日 | カテゴリー:WordPress | コメント (0) | タグ : , ,

このブログでテーマを作成していく様子を書いていくつもりだったけど、記事にしながらだとすごく時間がかかりそうだったので、とりあえず記事にはせずテーマを作りました。 今後徐々にテーマの作成の記事を増やしていきます。 目標としていた ・固定ヘッダーを使う ・CSS3を使う という2点は達... 続きを読む


WordPressのテーマ作成(8) CSS3にチャレンジ linear-gradient()、gradient()

WordPressのテーマ作成(8) CSS3にチャレンジ linear-gradient()、gradient()

2012年1月29日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

linear-gradient()は線形グラデーションの効果をつけられます。(firefox) safariやGoogle Chromeなどのwebkitの場合、gradient()になります。 それぞれ書式が違います。 linear-gradient() (safari... 続きを読む


no image

CSS3

2012年1月22日 | カテゴリー:スタイルシート | コメント (0) | タグ : ,

このブログでWordPressのテーマを作成する前段階として CSS3を実際に使って勉強してみているけど、実際に使ってみると結構簡単。 何でもっと早く手を出さなかったんだろうと正直少し後悔^^; よくよく思い出すと、google chromeに乗り換えたのがちょうど1年くらい前で、 それ... 続きを読む


WordPressのテーマ作成(7) CSS3にチャレンジ rgba()

WordPressのテーマ作成(7) CSS3にチャレンジ rgba()

2012年1月21日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

rgba() 色の指定に透明度が加わった物がrgba()です。 [css]background-color:rgba(100,100,100,0.5);[/css] 1個目が赤色の指定 2個目が緑色の指定 3個目が青色の指定 4個目が透明度(alpha)の指定 透明... 続きを読む


WordPressのテーマ作成(6) CSS3にチャレンジ transition

WordPressのテーマ作成(6) CSS3にチャレンジ transition

2012年1月18日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

transition transitionは時間的変化を付けます。 基本的にはhoverで使うことが多いようです。 (ベンダープレフィックスはgoogle chrome用しか使っていないので、 google chromeで見てください。) [css] div.... 続きを読む


WordPressのテーマ作成(5) CSS3にチャレンジ text-shadow

WordPressのテーマ作成(5) CSS3にチャレンジ text-shadow

2012年1月17日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

text-shadow box-shadowに使い方が似ているtext-shadowです。 text-shadowは文字に影をつけるプロパティです。 [css]text-shadow:3px 3px 3px black;[/css] 1番目が横への長さ 2番目が縦の長さ ... 続きを読む


WordPressのテーマ作成(4) CSS3にチャレンジ box-shadow

WordPressのテーマ作成(4) CSS3にチャレンジ box-shadow

2012年1月16日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

box-shadow border-radiusと共に使用頻度の高くなりそうなbox-shadowです。 box-shadowは影をつけるプロパティです。 いくつか使用例を書いていきます。 どれも縦横100pxのサイズに適用しています。 (google chromeで見てく... 続きを読む


WordPressのテーマ作成(3) CSS3にチャレンジ border-radius

WordPressのテーマ作成(3) CSS3にチャレンジ border-radius

2012年1月15日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

border-radius まずは使用頻度が高くなりそうなborder-radiusです。 border-radiusは角丸を指定するプロパティです。 いくつか使用例を書いていきます。 どれも縦横100pxのサイズに適用しています。 (google chromeで見てくださ... 続きを読む


WordPressのテーマ作成(2) CSS3にチャレンジ ベンダープレフィックス

WordPressのテーマ作成(2) CSS3にチャレンジ ベンダープレフィックス

2012年1月14日 | カテゴリー:テーマ作成 | コメント (0) | タグ : , ,

WordPressのデザインを作成する前にまずCSS3を身につけたいと思います。 (テーマ作成のカテゴリに入れていいのか迷いましたが、 テーマを作成するための一連の流れなので「テーマ作成」カテゴリに入れました。) CSS3を使ったことがないとはいえ、時々CSS3のソースを見かけるこ... 続きを読む