در این آموزش تصویری با ساخت Rollover انیمیشنی با CSS آشنا می شوید. در این دوره با ساخت Rollover انیمیشنی با CSS3 که یک راه آسان برای توسعه وب سایت بدون اضافه کردن نشانه گذاری در سایت ، یا کار با JavaScript می باشد که برای چگونگی تغییر رنگ و تایپوگرافی rollovers با استفاده از خواص مختلف CSS و همچنین اضافه کردن عناصر ، کار با شبه عناصر، خواص عناصر می پردازد.
این دوره آموزشی محصول موسسه Lynda است.

سرفصل های دوره:

  • معرفی دوره
  • ساخت Rollover انیمیشنی با CSS
  • نحوه ی تغییر رنگ پس زمینه
  • تغییر ویژگی های border
  • اضافه کردن عناصر
  • تنظیم تمام ویژگی های عناصر برای انتقال
  • تغییر ویژگی های متن
  • تنظیم ویژگی ها برای انتقال عناصر
  • و…

عنوان دوره: Lynda Design the Web: CSS Animated Rollovers
سطح: مقدماتی
مدت زمان: 29 دقیقه
نویسنده: Chris Converse


Learn to create animated rollovers with CSS3. Animated rollovers are an easy way to enhance the user experience of your website, without adding more markup to your page, or working with JavaScript. Author Chris Converse shows how to change the color and typography of your rollovers using different CSS properties, add and animate pseudo-elements, and animate clip properties of absolute-positioned elements. The exercise files are free to all members, so download them and get started enhancing your website today.

1m 37s
Introduction to this course
About the exercise files
1. Creating CSS Animated Rollovers
28m 9s
Changing the background color
6m 41s
Changing border properties
2m 40s
Adding pseudo-elements
6m 55s
Setting all properties for transitions
2m 38s
Changing text properties
3m 44s
Setting and transitioning the clip property

حجم فایل: 121MB