[Category] css 全45件

UIを意識したくて作ったやつ。メニューをスライドさせる動きとclassを付けるのをjQueryで行っています。 ハンバーガーメニューは以前作ったこちらを使いました。CSSだけで作るハンバーガーメニュー 縦にメニューが出て…

今更ですがcssだけでハンバーガーメニューを作ります。widthとheightがあらかじめわかっていれば簡単です。transform:translateYを使ったのは、active時の動作のためです。 html CSS …

遊んでたら出来上がったもの。firefoxでいい動きをしなかったので、userAgentで振り分けました。firefoxだとloadが完了するとloading画面がふわっとフェードし、それ以外のブラウザだと、波が引くよう…

ナビの高さが変わっても大丈夫な様にしたつもりだけどあまりいい動きをしない。まだまだ勉強不足です。 See the Pen 20170713 by M.Ueda (@nekuta) on CodePen. js(jQuer…

pcでtelリンクのかかっているものをクリックするとポップアップが出てしまいますが、これをpc幅のときに起動させない方法です。簡単なものならcssメディアクエリで振り分けが可能です。 HTML CSS デモページ

CSSだけで作れる、ページを読み込み時にふわっとさせるアニメーションです。コードをコピペするだけで簡単にふわっとできます。 CSS デモページ

リキッドデザイン用に作ったナビゲーション。hoverすると子メニューが出現します。PC幅用のメニューです。隣接セレクタの”+”を使用して、.nav_list_innerをhoverしたとき、.na…

以前投稿した横から出るメニューの進化版みたいなものです。スマホ用横から出るメニュー 横ナビ以外の領域をクリックまたはタップしたときに横ナビを閉じるようにしました。 デモページ HTML CSS js(jQuery) 解説…