*

「 css3 」 一覧

背景画像をjqueryを使用して、フルスクリーンで動かす方法。backgroundPositionを使用。

2014/02/12 | css3, html5, jquery, 未分類

今回は、背景画像をjqueryを使って、動かすという事をしてみました。 背景画像はアメニーションGIFを使えば、簡単にできますがそれでは、滑らかに動きません。 jqueryを使えば、滑らか

続きを見る

ページトップへスクロールする方法。

2014/02/10 | css3, html5, jquery

今回は、スクロールしたら、top(一番上)にいく方法を調べてみました。 コンテンツが、縦長になった場合、スクロールして一番上にいくのは、手間だと思います。 ボタンをクリックしたら、一番上に

続きを見る

htmlの書き方について。

2014/02/07 | css3, html5, 未分類

ホームページを作成するのには、flashを除けばほとんどhtmlで書きます。 ホームページがただ単に表示できればいいと思っていませんか? デザイン重視のサイトならそれもいいと思いますが、

続きを見る

カスタマイズができるスライドショーを設置する方法。diapoを使用。

2014/02/04 | css3, html5, jquery, slideshow

今回は、スライドショーを設置してみました。 ホームページにスライドショーを設置するのは、当たり前になってきました。 スライドショーと言っても色々な種類があります。 どんなスライドショ

続きを見る

背景に画像をフルスクリーンさせる方法。 maximageを使用。

2014/01/28 | css3, html5, jquery

今回は、背景画像をフルスクリーンにし、なおかつ、スライダーする方法について、調べてみました。 調べてみて色々とありましたが、 今回は、maxImage Scaling Pluginを使用してみ

続きを見る

マウスオーバーした時に画像を半透明にする。”opacity”を使用する。

2014/01/17 | css3, html5, mouseover, 未分類

今回は、マウスオーバーをした際に半透明にするという事を調べてみました。 マウスオーバーをした際にアクションが起こらなければ、クリックできるのかわかりません。 最近は色々なアクションがよ

続きを見る

テキストの縦位置を設定する。line-height:を使用する。

2014/01/08 | css3, html5

今回は、テキストの間隔について書きたいと思います。 テキストを書くときテキストの縦位置が気になったことはないでしょうか? 通常だとこちら。 デモ01 通常だと間隔が狭く感じます。

続きを見る

背景画像だけ透明にしたい。background-color:rgbaを使う。

2013/12/25 | css3, html5, 未分類

今回は、背景画像だけを透明にしてみました。 背景の上に透明な色を乗せたいや、テキストを書く要素を透明(マスク)にしたいなどあると思いましたので、 今回は透明な要素を乗せるという事をしてみました

続きを見る

animationでboxを動かしてみた。

2013/12/20 | animation, css3, html5, jquery, 未分類

今回は、animationを使って、boxを動かしてみました。 マウスを乗せたときに指定したboxに動きをつけると、おもしろいサイトになると思いませんか? また、指定したboxにテキストを

続きを見る

jquryで問い合わせフォームのデザインを作ってみた。

2013/12/19 | css3, html5, jquery

今回は、jquryで問い合わせフォームを作ってみました。   問い合わせフォームのデザインを調べてみると、いろいろありましたが、 今回は、テキストにうっすらと文字を出すとい

続きを見る

PAGE TOP ↑