「CSS」の記事一覧

カスタムサムネイルをわざわざ作らずに、画像を表示させたい幅と大きさを指定し、overflow: hidden;で表示させたいときに、 画像の中央を表示させたい！ そんな時に、このCSSでやればOKです！幅や高さはご自由に・・・

「幅や高さを指定した状態で、画像の中央を表示させる方法」の続きを読む

時々、うねうねと動く波（WAVE）を使っているWEBサイトを見かけますが、 CSSとSVG画像で実現できます。 SVG画像の内容はこちら（イラレなどで作り直してもOKです！） ↓ CSS部分はこちら ↓ HTML部分はこ・・・

「WAVEをCSSで動かす方法（波）」の続きを読む

http://www.justinaguilar.com/animations/ ↑ ここのをCSSとかコピペで簡単に動きます！！ IE１０以降でchromeとFirefoxもOKです！

「css　アニメーションその２　ビヨーンと上や下や横から出てくるやつ」の続きを読む

http://www.nxworld.net/tips/css-only-caption-effect.html ↑こちらを参考に！

「css　アニメーションいろいろ」の続きを読む

以下を設置すればOK！ あとは、グローバルメニューの所のulなどにgmenuのid名をつけて activeクラスがつくので、CSSで装飾すればOKです！！ ルートドメインから2階層目　○○○.com/○○○/△△△　の△・・・

「現在開いているページをJqueryでactive（アクティブ）にCSSで表示する」の続きを読む

ワーードプレスなどで、繰り返しループ処理で、カスタム投稿の記事を一覧で表示させるときに、 サムネイル画像や、タイトルや、文章などを入れたBOXを横並びに3個とか4個とかで配置して、 横幅一杯になったら改行していくようなペ・・・

「＜li＞をfloatして数個並べて、改行している時にガタガタにならずに、要素の高さを揃える方法（javascript＋css）」の続きを読む

リストが複数あって、そのブロック要素 とかをセンターあわせにしたい場合って多いと思います。 でも、 リストの幅が可変する場合、 たとえば、文字列などで、長さが変わる場合には、 の全体の幅も変わるので、widthが決められ・・・

「display:inline-block;で横並びの

今までよーく使っているのですが、 グローバルメニューとか、画像文字のときに テキストに置き換えて画像を表示するときにいつも使っていました。 text-indent:-9999 px　して背景画像で置き換える方法。 これが・・・

「text-indent:-9999 pxで画像置き換えペナルティを回避する　CSSのちがう方法ならコレ！！」の続きを読む

body:nth-of-type(1) #selector { property: value; } と書けばOK! chromeとOpera両方に適用じゃなくて、あくまでもchromeだけに適用させたい状況のときに役に・・・

「chrome（クローム）だけに適用させたいハックの記述方法」の続きを読む

スマホで、勝手に文字の大きさが大きくなるときは、 CSSファイルに以下を記述すれば解決します！！ body { -webkit-text-size-adjust: 100%; }

「スマホ（iphone）で見るとフォントサイズが勝手に大きくなってしまう時の対処方法」の続きを読む