webOpixel

Bootstrapをベースにしたテーマファイル作成しました。

Bootstrapのテーマってクールなものが多く、英語には合うのですが日本語だとうーんってなることがあるじゃないですか（？）
なのでわりと日本語（人？）に合いそうなBootstrapテーマを作成しましたというか作成中です。

jQuery+CSS3で円が画面全体に広がって表示するようなスマホ用のメニューを作ってみました。

横並びのナビゲーションとかでマウスオーバーしたボタンだけ横に広がって、大きくなった分だけ他のボタンが狭くなるというやつです。
ちょっと説明よくわからないですが、サンプルを用意しました。

CSS3オンリーで画像をマウスオーバーするとキャプションがアニメーションして表示するというサンプル集です。
ディレイやイージングを使用してちょっとだけ凝った感じに見える風にしてみました。

jQuery+CSS3を使用してスマホではハンバーガーメニューに切り替わる、固定ナビゲーションを作成してみます。

CSSDevices はクラス指定するだけで画像にiPhone/iPad/Apple Watch/Mac bookのフレームを付けてくれるCSSです。

セクションの区切りを斜め線とかにしてしてみると、ちょっと他と違う感がでるかもしれない!
斜め線はCSSで回転させたりする方法もありますが、ここではSVGを使用した方法をご紹介いたします。