Efek ini akan berfungsi apabila anda meletakkan mouse anda ke Teks yang sudah diberikan Efek CSS3, dan efek ini sudah berfungsi ke semua browser, saya akan memberikan kode.
Kode HTML
<div class="text-glow"><a href="#"> LETAKKAN TEKS DISINI </a></div>Kode CSS3
.text-glow{
color: #0000ff;
font-family: Georgia;
font-size: 5em;
margin: 0 auto;
text-align: center;
width: 800px;
padding-top:75px;
}
.text-glow:hover,
.text-glow:focus
.text-glow:active{
-webkit-stroke-width: 5.3px;
-webkit-stroke-color: #000000;
-webkit-fill-color: #FFFFFF;
text-shadow: 1px 0px 20px #F90;
-webkit-transition: width 0.5s; /*Safari & Chrome*/
transition: width 0.5s;
-moz-transition: width 0.5s; /* Firefox 4 */
-o-transition: width 0.5s; /* Opera */
}
.text-glow a{
-webkit-transition: all 0.5s ease-in; /*Safari & Chrome*/
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in; /* Firefox 4 */
-o-transition: all 0.5s ease-in; /* Opera */
text-decoration:none;
color:#ff0000;
Sekian Tutorial saya bagaimana membuat Efek Teks Bercahaya dengan CSS3.
Terima Kasih ^_^
Tidak ada komentar untuk " Efek Teks Bercahaya dengan CSS3 "
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!