لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب: رولورهای متحرک CSS
Design the Web: CSS Animated Rollovers
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
بیاموزید که با CSS3 رول متحرک ایجاد کنید. تغییر شکل متحرک راهی ساده برای افزایش تجربه کاربری وب سایت شما ، بدون افزودن علامت گذاری بیشتر به صفحه یا کار با JavaScript است. نویسنده Chris Converse نحوه تغییر رنگ و تایپوگرافی بازیابی خود را با استفاده از خصوصیات مختلف CSS ، افزودن و تحریک عناصر شبه و تحریک و تحریک خصوصیات کلیپ عناصر با موقعیت مطلق نشان می دهد. پرونده های تمرینی برای همه اعضا رایگان است ، بنابراین آنها را بارگیری کرده و از همین امروز با بهبود وب سایت خود شروع کنید.
سرفصل ها و درس ها
مقدمه
Introduction
معرفی این دوره
Introduction to this course
درباره پرونده های تمرینی
About the exercise files
1. ایجاد Rollovers متحرک CSS
1. Creating CSS Animated Rollovers
تغییر رنگ پس زمینه
Changing the background color
تغییر خصوصیات مرزی
Changing border properties
اضافه کردن عناصر شبه
Adding pseudo-elements
تنظیم همه خواص برای انتقال
Setting all properties for transitions
تغییر خصوصیات متن
Changing text properties
تنظیم و انتقال ویژگی کلیپ
Setting and transitioning the clip property
نمایش نظرات