نمایش نسخه قابل چاپ
سلام دوستان
با دستور hover برای حالتی که ماوس روی شی قرار میگیره style تعریف کردم، حالا وقتی که ماوس همون شی ترک میکنه چطوری میتونم دستور بدم برعکس عمل کنه.
مثلا تو hover نوشتم که تصویر 20px با سرعت اروم بره بالا،حالا که ماوس تصویر ترک میکنه یدفه 20 برمیگرده که خیلی بد بنظر میرسه
با تشکر
سلام
کلا یه حالت عادی داریم یه حالت hover داریم
میشه موقع حالت عادی دستوری استفاده کرد که افکت محو کننده بده تا وقتی موس از حالت hover خارج میشه حالت محو کننده رو نشون بده
از لینک زیر کمک بگیرید مفید خواهد بود
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
موفق باشید
سلام و تشکر از پاسختون
راستش سر در نیاوردم، تو بخش پایین یه متغیر thingتعریف کرده ولی نفهمیدم چطوری به قسمت بالا (a.hover)ربطش بدم
میشه یخورده راهنمایی بیشتر بکنین،خیلی ممنون
درود بر شما !
شما به cssتسلط دارید ؟
پیشنهاد میکنم اول این کتاب رو بخونید تا با اصول کد نویسی سی اس اس آشنا شوید . این کتاب مفید خواهد بود و مطمئن باشید که پس از مطالع ی این کتاب به سی اس اس مسلط میشوید.
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
حتی در حین خواندن این کتاب اگه کمی انگلیسی میدانید سری هم به این سایت بزنید :
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
پاینده باشید./
خیلی ممنونم بابت کتاب،خیلی جامه هستش
ولی متاسفانه ای سوالم فورس هستش و تا کتابو بخونم نمیشه صبر کنم
مشکلمو دقیق میزارم اگر امکانش هست
الان کاری که میکنه اینه که وقتی اشاره گر ماوس روی شی میره ،30px اروم بالا میره .ولی مشکل اینه همین که موس ترکش میکنه یدفعه 30تا برمیگرده که خیلی زشت میشه،واقعا ممنون میشم رانمایی کنین که چی اضافه کنمنقل قول:
.lg{ opacity: 0.4;
filter: alpha(opacity=40);
margin:10px;
}
.lg:hover{
margin-top:-30px;
opacity: 1.0;
filter: alpha(opacity=100);
cursor:pointer;
-webkit-filter: brightness(-65%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease
توی a این کد ها رو بزارید
توی a.hover هم این کد رو بزاریدکد:-webkit-transition: padding 2s;
کد:-webkit-transition: border-radius 2s;
سلام
در حالت hover از transition با مدت 1 ثانیه استفاده کردید . پس برای اینکه وقتی از حالت hover خارج میشه هم باید یک transition با مدت مشخص استفاده کنید.
باید برای lg هم از transition: all 1s ease و ... استفاده کنید
موفق باشید