Home » » Learn CSS, Membuat Gambar Transparan Dengan Text

Learn CSS, Membuat Gambar Transparan Dengan Text

Written By Nether Blog on Saturday, June 2, 2012 | 4:39:00 PM

Dibawah ini adalah perintah CSS, Silahkan Disesuaikan sendiri untuk gambar text serta warna yang di inginkan :





Ini adalah contoh tulisan di dalam gambar Silahkan Di Codding Lagi Script Dibawah..


Kode :
<style type="text/css">
div.background
  {
  width:500px;
  height:350px;
  background:url(http://2.bp.blogspot.com/-NbjrLzIWqZw/T7-0IpHm5rI/AAAAAAAAAhY/ADs0K2cDlbs/s45/pocong.jpeg) repeat;
  border:2px solid red;
  }
div.transbox
  {
  width:360px;
  height:180px;
  margin:30px 50px;
  background-color:#333333;
  border:1px solid red;
  opacity:0.5;
  filter:alpha(opacity=60);
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#ffffff;
  }
</style>
<br />
<div class="background">
<br />
<br />
<br />
<div class="transbox">
Ini adalah contoh tulisan di dalam gambar
Silahkan Di Codding Lagi Script Dibawah..
</div>
</div>

0 komentar:

Post a Comment

Silahkan berikan komentar anda yang baik.