Script Text Reflected
Script Text Reflection - Kali ini saya akan share lagi mengenai script buat mempercantik blog, seandainya sobat berminat silahkan tinggal copas saja script di bawah, untuk mengecek script dibawah sobat bisa copy terlebih dahulu script dibawah kemudian klik tombol Tes HTML dibawah kemudian paste kode tersebut hasilnya akan langsung sobat ketahui atau sobat bisa lihat gambar diatas contoh dari script dibawah dan silahkan di otak-atik sendiri.
<style>
h2 {
font-size: 2.5em;
}
.reflected {
position: relative;
}
.reflected:before, .reflected:after {
display: block;
position: absolute;
bottom: -.8em; /* You should change this value to fit your font */
left: 0;
right: 0;
}
.reflected:before {
content: 'CreatiVoltz';
opacity: .3;
/* This is how the text is flipped vertically */
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
}
.reflected:after {
/* Fading using CSS gradient */
background: -webkit-gradient(linear, left top, left center, from(rgba(255,255,255,0)), to(rgb(255,255,255)));
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
content: ' ';
height: 1em;
}
</style>
<h2 class="reflected">CreatiVoltz</h2>
Ganti kedua teks CreatiVoltz sesuai keinginan sobat.h2 {
font-size: 2.5em;
}
.reflected {
position: relative;
}
.reflected:before, .reflected:after {
display: block;
position: absolute;
bottom: -.8em; /* You should change this value to fit your font */
left: 0;
right: 0;
}
.reflected:before {
content: 'CreatiVoltz';
opacity: .3;
/* This is how the text is flipped vertically */
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
}
.reflected:after {
/* Fading using CSS gradient */
background: -webkit-gradient(linear, left top, left center, from(rgba(255,255,255,0)), to(rgb(255,255,255)));
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
content: ' ';
height: 1em;
}
</style>
<h2 class="reflected">CreatiVoltz</h2>
Test HTML
Mudah-mudahan Script Text Reflected ini bisa bermanfaat dan berguna
terimakasih
CreatiVoltz@Script
Anda baru saja membaca artikel yang berkategori Tips
dengan judul Script Text Reflected. Anda bisa bookmark halaman ini dengan URL https://creativoltz.blogspot.com/2012/10/script-text-reflected.html?m=0. Terima kasih!
