eafar1366 2 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 دوستان بهترین راه برای گذاشتن hover effect در عکس ها چیست مانند این لینک می خوامhttp://tympanus.net/TipsTricks/HoverClickTriggerCircle/ نقل قول لینک به ارسال
Black_Sky 6349 ارسال شده در دی 92 گزارش بازنشر ارسال شده در دی 92 لینک فیلتر میباشد نقل قول لینک به ارسال
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 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .