覚えておきたい31のCSSスニペット

SPONSORED LINK

Pocket

完全に自分メモ用にエントリー・・・。使えるCSSスニペットいろいろです。よく見るモノもたくさんありますがよくまとまっているのではないでしょうかね。

個人的によく使いそうだと思ったモノだけざざっと紹介しておきましょう。

selector {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
    }

↑ 透過設定。よく使いますよね。

.shadow {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}

↑ 内側に影つけるとき。

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}
/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

↑ 下部に固定フッター。

そのほかのスニペットは以下からどうぞ。どこかに保管しておくといいかもですね。

» 31 CSS Code Snippets To Make You A Better Coder | Design your way

ツイッターもやっています!

SPONSORED LINK

  1. No comments yet.

  1. No trackbacks yet.