ابن کد به جغده وقتی ماوس میبری روش پر و بال می جُنبونِه چشماشم خودش همینطوری تِکون مِکون میخوره
این کد رو از وبلاگ قدیمی خودم برداشتم هی نگین کپیه کپیه. اره همون قبلا خودم از یه سایت خارجی برداشتم که الان یادم نیست. مال چند سال پیشه انتظار داری یادم باشه. والا |:
خب دیگه این شما اینم کد. فقط زیاد جغده رو خسته نکنین<style type="text/css">
a#owl {
display: block;
height: 210px;
margin: 0 auto;
position: relative;
width: 210px; }
#owl img {
border: none;
position: absolute; }
#owl #eyes {
left: 81px;
top: 74px; }
#owl #lt {
left: 65px;
top: 98px;
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-o-transform-origin: top right;
transform-origin: top right; }
#owl #rt {
left: 128px;
top: 98px;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left; }
#owl #bod {
left: 70px;
top: 58px; }
#owl .wing {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); }
}
#owl #rays {
-webkit-animation: spin 10s infinite linear;
left: 0;
opacity: 0;
top: 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; }
#owl:hover #lt {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg); }
#owl:hover #rt {
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg); }
#owl:hover #rays {
opacity: 1; }
</style>
<a id="owl" href="http://www.koreserials.ir/">
<img id="rays" src="http://gdl-rozblog.persiangig.com/other/Animated_Owl/rays.png" alt="Rays">
<img id="bod" src="http://gdl-rozblog.persiangig.com/other/Animated_Owl/owl.png" alt="Owl">
<img id="rt" class="wing" src="http://gdl-rozblog.persiangig.com/other/Animated_Owl/rt-wing.png" alt="Right Wing">
<img id="lt" class="wing" src="http://gdl-rozblog.persiangig.com/other/Animated_Owl/lt-wing.png" alt="Left Wing">
<img id="eyes" src="http://gdl-rozblog.persiangig.com/other/Animated_Owl/eyes.gif" alt="Eyes">
</a>