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

Popular posts from this blog