CSS caption with opacity
HTML PART
<div class="masking">
<img src="dump_images/css_zilla1.png" />
<h1>CSS ZILLA</h1>
</div>
CSS PART
.masking { width:400px; height:200px; display:table; text-align:center; position:relative;}
h1{background-color: rgba(247, 92, 0, 0.5);
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 28px;
padding: 10px 20px;
position: absolute;
right: 0;
text-decoration: blink;
top: 155px;
width: 50%;}
DEMO PART
CSS ZILLA
Comments
Post a Comment