View Full Version : این چه افکتی هست؟
aavvzz
چهارشنبه 19 شهریور 1393, 16:58 عصر
سلام
برید در سایت eagle-design.ir
تو منو روی سفارش کلیک کنید .یه عکس آدمک سمت چپ سایت هست.
موس رو روش ببرید.
عکس تکون میخوره.
میخواستم ببینم این با جی کوئری هست؟اگه هست باید چجوری کدش رو بنویسیم؟
اگه با css3 هم هست توضیح دهید
پیام حیاتی
چهارشنبه 19 شهریور 1393, 17:11 عصر
سلام
با css به راحتی میتونید زمان hover یک motion رفت و برگشت برای کلاسش بنویسید.
روی خود عکس هم کلیک راست کنی incplector بگیری میتونی کدهای hover رو پیدا کنی.
aavvzz
چهارشنبه 19 شهریور 1393, 20:42 عصر
میشه نمونه کدش رو اینجا بنویسید؟
aavvzz
چهارشنبه 19 شهریور 1393, 22:54 عصر
بنویسید لطفا
پیام حیاتی
پنج شنبه 20 شهریور 1393, 10:02 صبح
دنبال لقمه آماده نباش،کمی زحمت بکش.
مباحث آموزشی css3 و animation در نت به صورت رایگان موجود است،مطالعه کنید.
aavvzz
پنج شنبه 20 شهریور 1393, 10:52 صبح
من css3 بلد نیستم و برای همین گفتم شما لطفا نمونه کدش رو اینجا بزارید.
لطفا کدش رو بزارید کلی دعاتون میکنم.
r4hgozar
پنج شنبه 20 شهریور 1393, 11:29 صبح
سلام.
این رو بخون
http://www.w3schools.com/css/css3_animations.asp
amirali0079
پنج شنبه 20 شهریور 1393, 15:27 عصر
اینه .orderimg { width: 130px;
height: 130px;
background: url(img/gen/money_bag_help.png) center center;
background-size: 100%;
transition: .2s ease;
margin: 0 auto
}
.orderimg:hover {
-webkit-animation: scale .5s;
animation: scale .5s;
}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1)
}
20% {
-webkit-transform: scale(1.1)
}
40% {
-webkit-transform: scale(1)
}
60% {
-webkit-transform: scale(1.1)
}
80% {
-webkit-transform: scale(1)
}
100% {
-webkit-transform: scale(1)
}
}
@keyframes scale {
0% {
transform: scale(1)
}
20% {
transform: scale(1.1)
}
40% {
transform: scale(1)
}
60% {
transform: scale(1.1)
}
80% {
transform: scale(1)
}
100% {
transform: scale(1)
}
}
دانیال دزفولی
جمعه 21 شهریور 1393, 15:26 عصر
بعععععععله
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.