STAR ★ CODE

ลำดับตอนที่ #9 : CSS::อวาตาร์สีรุ้ง ขยับไปมา

ประมาณนี้ฮะ



อวาตาร์บทความ(แบบเก่า)
<style type="text/css"> /*Credit StarCode 999402*/ img.tableblack{border-radius: 50%; border: dashed 1px #ab0505;} img.tableblack{ -webkit-animation-name:rainbow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;} @-webkit-keyframes rainbow {0%{-webkit-transform:rotate(-10deg);} 25%{-webkit-transform:rotate(10deg);} 50%{-webkit-transform:rotate(-10deg);} 75%{-webkit-transform:rotate(10deg);} 100%{-webkit-transform:rotate(-10deg);-webkit-filter:hue-rotate(360deg);} }</style>
อวาตาร์คอมเมนท์
<style type="text/css"> /*Credit StarCode 999402*/ td[valign="top"]>table[width="75"]>tbody>tr>td[align="center"]>img{border-radius: 50%; border: dashed 1px #ab0505;} td[valign="top"]>table[width="75"]>tbody>tr>td[align="center"]>img{ -webkit-animation-name:rainbow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;} @-webkit-keyframes rainbow {0%{-webkit-transform:rotate(-10deg);} 25%{-webkit-transform:rotate(10deg);} 50%{-webkit-transform:rotate(-10deg);} 75%{-webkit-transform:rotate(10deg);} 100%{-webkit-transform:rotate(-10deg);-webkit-filter:hue-rotate(360deg);} }</style>
รูปภาพ
<style type="text/css"> /*Credit StarCode 999402*/ img{border-radius: 50%; border: dashed 1px #ab0505; -webkit-animation-name:rainbow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;} @-webkit-keyframes rainbow {0%{-webkit-transform:rotate(-10deg);} 25%{-webkit-transform:rotate(10deg);} 50%{-webkit-transform:rotate(-10deg);} 75%{-webkit-transform:rotate(10deg);} 100%{-webkit-transform:rotate(-10deg);-webkit-filter:hue-rotate(360deg);} }</style>
เฉพาะรูป
<img src"url รูป"> <style type="text/css"> /*Credit StarCode 999402*/ img[src="url รูป"]{border-radius: 50%; border: dashed 1px #ab0505; -webkit-animation-name:rainbow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;} @-webkit-keyframes rainbow {0%{-webkit-transform:rotate(-10deg);} 25%{-webkit-transform:rotate(10deg);} 50%{-webkit-transform:rotate(-10deg);} 75%{-webkit-transform:rotate(10deg);} 100%{-webkit-transform:rotate(-10deg);-webkit-filter:hue-rotate(360deg);} }</style>



โนก็อปปี๊นะจ๊ะ
โค้ดนี้เราทำ แกะๆ มึนๆ ตั้งห้าชั่วโมงค่ะ
คุณก็อปไปไม่ถึงห้าวิ ก็แปะเครดิตให้หน่อยเนอะ!

STAR THEME