|
「網戸＋自作＋DIY などで検索してる方へ」 |
「押入れ改造の記録」 |
「踏み台を諦めてベビーゲート作りに着手」 |
KRLGHDN: かてごり: DIY |
<div class="grad_1"><span></span>sample text</div>
.grad_1 {
background-color: rgba(255, 255, 255, 1.0);
font-size: 48px;
line-height: 48px;
position: relative;
color: #ff9999;
}
.grad_1 span {
background-color: rgba(255, 255, 255, 0.4);
position: absolute;
display: block;
width: 100%;
height: 28px;
}
<div class="grad_2"><span></span>sample text</div>
<style type="text/css">
.grad_2 {
background-color: rgba(255, 255, 255, 1.0);
font-size: 60px;
line-height: 60px;
position: relative;
color: #333;
}
.grad_2 span {
background-color: rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 2px 4px 4px rgba(255, 255, 255, 0.6);
-webkit-box-shadow: 0 2px 4px 4px rgba(255, 255, 255, 0.6);
box-shadow: 0 2px 4px 4px rgba(255, 255, 255, 0.6);
position: absolute;
display: block;
width: 100%;
height: 34px;
}