TAG:CSS

HP・LP制作でいつか使うかもしれないCSSネタ

HP・LP制作でいつか使うかもしれないCSSネタ

CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…

CSSで作る押したった感のあるボタン風リンク

CSSで作る押したった感のあるボタン風リンク

GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…

横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』

横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』

最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…

CSS 特定の画像だけを操作する

CSS 特定の画像だけを操作する

ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…

CSSのみでモーダルウィンドウを作ってみた!

CSSのみでモーダルウィンドウを作ってみた!

このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。   ▼モーダルウィンドウを…