تابلو اعلانات

koreserials

ابن کد به جغده وقتی ماوس میبری روش پر و بال می جُنبونِه

چشماشم خودش همینطوری تِکون مِکون میخوره

این کد رو از وبلاگ قدیمی خودم برداشتم هی نگین کپیه کپیه. اره همون قبلا خودم از یه سایت خارجی برداشتم که الان یادم نیست. مال چند سال پیشه انتظار داری یادم باشه. والا |:

دموی آنلاین

خب دیگه این شما اینم کد. فقط زیاد جغده رو خسته نکنین

کد:

<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>

aliwebdesign

دمو آنلاین چیز خوبیه! حتما استفاده کن

koreserials

نقل قول از aliwebdesign
دمو آنلاین چیز خوبیه! حتما استفاده کن

باووشه.
قرار دادم

saeeds

داداش قالب میتونی ریپ بزنی؟

mazi76

قشنگه

koreserials

نقل قول از saeeds
داداش قالب میتونی ریپ بزنی؟

شرمنده. فعلا ریپ نمیزنم. وقتشم ندارم.

biomarshal

خیلی ممنون

god-of-dance

ممنون

ostadtv

عالی بود مرسی از اطلاعات مفیدی که برامون ارسال کردید

تابلو اعلانات
	قوانین جدید - تالار گفتمان سایت ساز رزبلاگ درخواست تغيير نام کاربري اطلاع رساني از مشکل قالب هاي داخل پنل اطلاع رساني از مشکل امکانات سايت ها پيشنهادات خود را براي امکانات سايت ها و رزآپ اينجا بيان کنيد! پيشنهادات خود را براي امکانات انجمن ها اينجا بيان کنيد! آموزش جامع بهينه سازي سايت براي موتورهاي جستجوگر طراحي بنر ، لوگو ، هدر و ... ( با هزينه ) درخواست ويرايش قالب فقط در اين تاپيک ! تاپیک جامع اخطار ها و کاربران اخراج شده دلیل

تعداد بازدید 1405 کد جغد متحرک فول css
نویسنده	پیام