articles

2013 年 6 月 18 日

CSS3 ボックスモデル

CATEGORYCSSCSS3  TAG 1:51 AM

このブログはCSS3に対応していないブラウザでは見れない形にしてあります。
というのも、boxモデルを使っているからです。
floatでの実装は高さを揃えるためにクリアしたりと古臭くて陳腐なのでやめました。

一番簡単な実装

#content{
	display: -webkit-box;
	display: -moz-box;
	margin: 0 0 50px 0;
	border-bottom:1px solid #333;
}
#articles{
	-webkit-box-flex: 1; 
	-moz-box-flex: 1;
	position: relative;
}

2010 年 3 月 11 日

CSS3 ドロップシャドウをIEでも

CATEGORYCSS  TAG 8:35 PM

ネタ元
http://www.cssplay.co.uk/menu/css3-shadows.html

以下の記述で、IEとCSS3のブラウザでほぼ同じドロップシャドウができるそうなのですが・・・
記述がめんどくさいですね。
ただ、つかいどころがどこかであるかもなのでメモっておきました。