eafar1366 2 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 دوستان بهترین راه برای گذاشتن hover effect در عکس ها چیست مانند این لینک می خوامhttp://tympanus.net/TipsTricks/HoverClickTriggerCircle/ لینک به ارسال
alireza.nh 318 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 (ویرایش شده) دوستان بهترین راه برای گذاشتن hover effect در عکس ها چیست مانند این لینک می خوامhttp://tympanus.net/...kTriggerCircle/اگه از بهترین منظورتون راحت تره استفاده از cssو اگه زیبایی هستش استفاده jqueryو لینکی هم که دادید از jquery استفاده شده. ویرایش شده دی 92 توسط alireza.nh لینک به ارسال
eafar1366 2 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 اگه از بهترین منظورتون راحت تره استفاده از cssو اگه زیبایی هستش استفاده jqueryو لینکی هم که دادید از jquery استفاده شده.ممنون آیا کسی می تونه کمک کنه تا image link هایی که توو یه چند تا از صفحات میزارم از این jquery استفاده بشه؟ لینک به ارسال
eafar1366 2 ارسال شده در دی 92 مالک گزارش بازنشر ارسال شده در دی 92 یا مثلا این لینکhttp://www.computeriha.ir/index.phpپایینه صفحه وقتی میری روو کارت ها می چرخه پشتشو نشون میده لینک به ارسال
Parsa 23463 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 نمونه:<!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title><style>/** CSS3 Flip*/.thumb.flip { -webkit-perspective:800px; -moz-perspective:800px; -ms-perspective:800px; -o-perspective:800px; perspective:800px;} .thumb.flip .thumb-wrapper { -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -ms-transition: -moz-transform 1s; -o-transition: -moz-transform 1s; transition: -moz-transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; width:20px; } .thumb.flip .thumb-detail { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .thumb.flip img, .thumb.flip .thumb-detail { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .thumb.flip .flipIt:hover { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } /*-----pro-----*/</style></head><body><div class="thumb flip "><div class="thumb-wrapper flipIt">tests</div></div></body></html> 1 لینک به ارسال
پست های پیشنهاد شده
لطفا برای ارسال دیدگاه وارد شوید
شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید
ورود به حساب کاربری