Cara Membuat Efek Text Keren Di Blog

BOSS GUN TETAP BERSAMA ANDA

<style type="text/css"> #color-zoom{margin:0 auto;padding:3px;text-align:center;}.change_box {width:100%;height:100%;background:none;}#easy.change_box { -webkit-transition: all 4s easy-in;-moz-transition: all 4s easy-in;-o-transition: all 4s easy-in;-webkit-transition: all 4s easy-in;transition: all 4s easy-in;}#color-zoom:hover .change_box, #color-zoom.hover_effect .change_box {text-shadow: 0 0 10px rgb(255, 255, 0);color:red;-moz-transform:scale(2);-webkit-transform:scale(2);-webkit-transition-duration: 4s;} </style><br /> <div id="color-zoom"><div class="change_box" id="color-zoom"><div class="center"><br /> TULIS KALIMATNYA DI SINI<br /> <br /> </div></div></div>

TULIS KALIMATNYA DI SINI

<style type="text/css"> #text{margin:0 auto;padding:5px;text-align:center;}.change_box {width:100%;height:100%;background:none;}#easy.change_box { -webkit-transition: all 3s easy-in;-moz-transition: all 3s easy-in;-o-transition: all 3s easy-in;-webkit-transition: all 3s easy-in;transition: all 3s easy-in;}#text:hover .change_box, #text.hover_effect .change_box {text-shadow: 0 0 15px rgb(0, 255, 255);color:blue;-moz-transform:scale(1);-webkit-transform:scale(1);-webkit-transition-duration: 3s;} </style><br /> <div id="text" style="color: black;"><div class="change_box" id="text"><div class="center"><br /> TULIS KALIMATNYA DI SINI<br /> <br /> </div></div></div>

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="50" name="txt" padding:="" rows="7" style="-moz-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 0pt 1px 10px rgb(255, 255, 0); background: -moz-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 0)) repeat scroll 0% 0% transparent; border: 2px outset rgb(255, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI</textarea></div><br /> </form>

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="37" name="txt" padding:="" rows="7" style="-moz-border-radius: 0px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 255, 255); border-color: rgb(0, 0, 255) rgb(255, 0, 0); border-width: 5px; color: blue; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI</textarea></div></form>

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border-color: rgb(41, 95, 0); border-style: dashed solid solid dashed; border-width: 2px; color: #295f00; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI</textarea></div><br /> </form>

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: none repeat scroll 0% 0% rgb(255, 255, 175); border-color: rgb(127, 69, 0); border-style: dotted ridge; border-width: 2px; color: brown; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI</textarea></div><br /> </form>