زمان جاری : سه شنبه 30 شهریور 1400 - 10:59 قبل از ظهر
نام کاربری : پسورد : یا عضویت | رمز عبور را فراموش کردم




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

ارسال پاسخ
تعداد بازدید 343
نویسنده پیام
koreserials آفلاین


ارسال‌ها : 96
عضویت: 22 /8 /1393
سن: 21
تشکرها : 137
تشکر شده : 66
کد جغد متحرک فول css
ابن کد به جغده وقتی ماوس میبری روش پر و بال می جُنبونِه چشماشم خودش همینطوری تِکون مِکون میخوره

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

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

کد:

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


شنبه 24 آبان 1393 - 23:27
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 9 کاربر از koreserials به خاطر این مطلب مفید تشکر کرده اند: satan021 & aliwebdesign & nasher & zntboys & mazi76 & biomarshal & jazzab-online & dominar & master-law &
aliwebdesign آفلاین



ارسال‌ها : 1504
عضویت: 28 /11 /1390
محل زندگی: کهکشان راه شیری کره زمین ‏
سن: 22
شناسه یاهو: kdl.info
تشکرها : 1341
تشکر شده : 1350
پاسخ : 1 RE کد جغد متحرک فول css
دمو آنلاین چیز خوبیه! حتما استفاده کن

امضای کاربر :
کارگاه من :)

aliworkshop.ir
شنبه 24 آبان 1393 - 23:36
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 2 کاربر از aliwebdesign به خاطر این مطلب مفید تشکر کرده اند: koreserials / biomarshal /
koreserials آفلاین



ارسال‌ها : 96
عضویت: 22 /8 /1393
سن: 21
تشکرها : 137
تشکر شده : 66
پاسخ : 2 RE کد جغد متحرک فول css
نقل قول از aliwebdesign
دمو آنلاین چیز خوبیه! حتما استفاده کن

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

شنبه 24 آبان 1393 - 23:39
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 1 کاربر از koreserials به خاطر این مطلب مفید تشکر کرده اند: biomarshal /
saeeds آفلاین



ارسال‌ها : 205
عضویت: 22 /8 /1393
تشکرها : 48
تشکر شده : 43
پاسخ : 3 RE کد جغد متحرک فول css
داداش قالب میتونی ریپ بزنی؟

امضای کاربر :




یکشنبه 25 آبان 1393 - 00:54
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 2 کاربر از saeeds به خاطر این مطلب مفید تشکر کرده اند: koreserials / biomarshal /
mazi76 آفلاین



ارسال‌ها : 274
عضویت: 22 /12 /1391
سن: 21
شناسه یاهو: mazi76
تشکرها : 286
تشکر شده : 200
پاسخ : 4 RE کد جغد متحرک فول css
قشنگه

یکشنبه 25 آبان 1393 - 01:00
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 2 کاربر از mazi76 به خاطر این مطلب مفید تشکر کرده اند: koreserials / biomarshal /
koreserials آفلاین



ارسال‌ها : 96
عضویت: 22 /8 /1393
سن: 21
تشکرها : 137
تشکر شده : 66
پاسخ : 5 RE کد جغد متحرک فول css
نقل قول از saeeds
داداش قالب میتونی ریپ بزنی؟

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

یکشنبه 25 آبان 1393 - 01:17
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
biomarshal آفلاین



ارسال‌ها : 54
عضویت: 24 /8 /1393
محل زندگی: گنبدکاووس
سن: 7
شناسه یاهو: biomarshal1998
تشکرها : 299
تشکر شده : 55
پاسخ : 6 RE کد جغد متحرک فول css
خیلی ممنون

امضای کاربر :
عرفان هستم ملقب به عرفان هفت مشهور به بیومارشال

معروف به پسر 7 ساله نت

خوشوقتم فی الواقع

جمله معروف: به قول آنتی لاو " عشق یعنی مقوا ، والسلام "


یکشنبه 25 آبان 1393 - 06:13
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 1 کاربر از biomarshal به خاطر این مطلب مفید تشکر کرده اند: koreserials /
god-of-dance آفلاین



ارسال‌ها : 816
عضویت: 8 /7 /1392
محل زندگی: رزبــلاگـــــــ
شناسه یاهو: hossein.hacker94
تشکرها : 338
تشکر شده : 418
پاسخ : 7 RE کد جغد متحرک فول css
ممنون

یکشنبه 25 آبان 1393 - 06:42
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تشکر شده: 1 کاربر از god-of-dance به خاطر این مطلب مفید تشکر کرده اند: koreserials /
ostadtv آفلاین



ارسال‌ها : 2
عضویت: 22 /6 /1400


پاسخ : 8 RE کد جغد متحرک فول css
عالی بود مرسی از اطلاعات مفیدی که برامون ارسال کردید

دوشنبه 22 شهریور 1400 - 13:11
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
ارسال پاسخ



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


پرش به انجمن :