CSS3 描画レンガ壁 - 画像は使用しません_html/css_WEB-ITnose

css3绘制砖墙-没用どんな图片 .wall {幅:600px;高さ:300ピクセル;マージン:50px 自動; font-family: 'Shadows Into Light'、筆記体。テキスト整列:中央; color:#000; background-image: -webkit-radial-gradient(中心中央、楕円の最遠隅、透明 0%、透明 10%、rgba(0,0,0,0.8) 100%)、 - webkit-linear-gradient(top, #555 0%, #555 1px, 透明 1px, 透明 14px, #555 14px, #555 16px, 透明 16px, 透明 29px, #555 29px, #555 30px), -webkit- Linear-gradient(45deg, #ddd 0%, #ddd 25%, 透明 25%, 透明 75%, #eee 75%, #eee 100%), -webkit-linear-gradient(45deg, #eee 0%, #eee 25%, 透明 25%, 透明 75%, #ddd 75%, #ddd 100%), -webkit-linear-gradient(左, #555 0px, #555 1px, 透明 1px, 透明 14px, #555 14px, #555 16px, 透明 16px, 透明 29px, #555 29px, #555 30px), -webkit-linear-gradient(45deg, #ddd 0%, #ddd 25%, 透明 25%, 透明 75%, # eee 75%、#eee 100%)、 -webkit-linear-gradient(45deg、#eee 0%、#eee 25%、透明 25%、透明 75%、#ddd 75%、#ddd 100%); 背景画像: -moz-radial-gradient(中心中心、楕円の最隅、透明0%、透明10%、rgba(0,0,0,0.8) 100%), -moz-linear-gradient(トップ、#555 0%、#555 1px、透明 1px、透明 14px、#555 14px、#555 16px、透明 16px、透明 29px、#555 29px、#555 30px)、 -moz-linear-gradient(45deg, #ddd 0%、#ddd 25%、透明 25%、透明 75%、#eee 75%、#eee 100%)、 -moz-linear-gradient(45deg、#eee 0%、#eee 25%、透明25%、透明 75%、#ddd 75%、#ddd 100%)、 -moz-linear-gradient(左、#555 0px、#555 1px、透明 1px、透明 14px、#555 14px、#555 16px、透明 16px, 透明 29px, #555 29px, #555 30px), -moz-linear-gradient(45deg, #ddd 0%, #ddd 25%, 透明 25%, 透明 75%, #eee 75%, #eee 100%), -moz-linear-gradient(45deg, #eee 0%, #eee 25%, 透明 25%, 透明 75%, #ddd 75%, #ddd 100%); background-image: - ms-radial-gradient(中心中央、楕円の最隅、透明 0%、透明 10%、rgba(0,0,0,0.8) 100%)、 -ms-linear-gradient(上、#555 0%) , #555 1px, 透明 1px, 透明 14px, #555 14px, #555 16px, 透明 16px, 透明 29px, #555 29px, #555 30px), -ms-linear-gradient(45deg, #ddd 0%, # ddd 25%、透明 25%、透明 75%、#eee 75%、#eee 100%)、 -ms-linear-gradient(45deg、#eee 0%、#eee 25%、透明 25%、透明 75% 、#ddd 75%、#ddd 100%)、 -ms-linear-gradient(左、#555 0px、#555 1px、透明 1px、透明 14px、#555 14px、#555 16px、透明 16px、透明 29px、 #555 29px, #555 30px), -ms-linear-gradient(45deg, #ddd 0%, #ddd 25%, 透明 25%, 透明 75%, #eee 75%, #eee 100%), - ms-linear-gradient(45deg, #eee 0%, #eee 25%, 透明 25%, 透明 75%, #ddd 75%, #ddd 100%); background-image: -o-radial-gradient(中央 中央、楕円の最隅、透明 0%、透明 10%、rgba(0,0,0,0.8) 100%)、 -o-linear-gradient(top、#555 0%、#555 1px、透明1px, 透明 14px, #555 14px, #555 16px, 透明 16px, 透明 29px, #555 29px, #555 30px), -o-linear-gradient(45deg, #ddd 0%, #ddd 25%, 透明 25 %、透明 75%、#eee 75%、#eee 100%)、 -o-linear-gradient(45deg、#eee 0%、#eee 25%、透明 25%、透明 75%、#ddd 75%、 #ddd 100%), -o-linear-gradient(左, #555 0px, #555 1px, 透明 1px, 透明 14px, #555 14px, #555 16px, 透明 16px, 透明 29px, #555 29px, #555 30px), -o-linear-gradient(45deg, #ddd 0%, #ddd 25%, 透明 25%, 透明 75%, #eee 75%, #eee 100%), -o-linear-gradient( 45deg, #eee 0%, #eee 25%, 透明 25%, 透明 75%, #ddd 75%, #ddd 100%); background-image: radial-gradient(中心中央、楕円の最遠隅、透明0%, 透明 10%, rgba(0,0,0,0.8) 100%), linear-gradient(top, #555 0%, #555 1px, 透明 1px, 透明 14px, #555 14px, #555 16px 、透明 16px、透明 29px、#555 29px、#555 30px)、 linear-gradient(45deg、#ddd 0%、#ddd 25%、透明 25%、透明 75%、#eee 75%、#eee 100% ), linear-gradient(45deg, #eee 0%, #eee 25%, 透明 25%, 透明 75%, #ddd 75%, #ddd 100%), linear-gradient(left, #555 0px, # 555 1px、透明 1px、透明 14px、#555 14px、#555 16px、透明 16px、透明 29px、#555 29px、#555 30px)、 Linear-gradient(45deg, #ddd 0%, #ddd 25%, 透明 25%, 透明 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 0%, #eee 25 %、透明 25%、透明 75%、#ddd 75%、#ddd 100%); background-position:0 0, 0 0, 13px 0, 28px 15px, 0 0, 0 0, 15px 15px; background-サイズ:600px 300px, 30px 30px, 30px 30px, 30px 30px, 30px 30px, 30px 30px, 30px 30px; background-repeat:repeat; } .wall h1 {padding:75px;マージン:0;フォントサイズ:50px;行の高さ:50ピクセル; text-shadow:0 5px 5px rgba(0,0,0,0.9);} http://www.999jiijiu.com / 壁の中にある別のレンガ br>

CSS3 描画レンガ壁 - 画像は使用しません_html/css_WEB-ITnose

壁の中にある別のレンガbr>

関連記事

壁の中にある別のレンガ
br>