رفتن به مطلب

چند سوال در زمینه css درخواست کمک فوری


drtrabit

پست های پیشنهاد شده

سلام و خسته نباشید. یک پروژه دارم برای css که میخوام از شما بپرسم.اگر لطف کنید کدهاشو بهم بدید ممنون میشم

 

 

پروژه :

 

یک تصویر به عنوان حاشیه ( بردر ) برای یک div در نظر بگیرید. محو شدگی ، سایه، حرکت ماوس روی لینک با تاخیر زمانی و بازه زمانی .

 

با رفتن ماوس روی fiv در بازه زمانی طول و عرض تغییر کند یا جا به جایی داشته باشد.

 

 

 

--------------------

 

دست شما دردنکنه. ممنون از پاسخ سریع شما

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

با سلام و احترام.

قربان برای آرام یا آهسته کردن سرعت یک موردی که می خواهید اتفاق پیوفته می تونید از کد زیر در css استفاده کنید.

 

-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;

 

 

برای اینکه بخواهید در زمانی که موس روی لینک بره یا به عبارتی زمان hover می خواهید سایز بزرگ بشه بستگی داره تصویر باشه یا کادر.

اگر تصویر بود که طول عرض رو زمان هاور افزایش میدید.

اگر کادر بود با padding این کارو انجام میدید.

دوست عزیز شما تا جایی که کدنویسی کردید قرار بدید که دوستان اصلاح کنند.

موفق باشید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

سوال دقیق تر بفرمایید.

یه نمونه براتون می نویسم از روی اون اگه تونستین مشکلاتتون رو حل کنین

نمونه ( گرد شدن تصویر وقتی موس میره روش):

 

<style>.img{transition: .5s all ease-in-out}.img:hover{border-radius:50%}</style><img src=" Address " class="img" />

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • 7 ماه پیش ...

سعی کنید برای همه تصاویر هاور اعمال نکنید که کاربر گیج بشه البته بسته به نوع سایت شما هم فرق میکنه

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...