پیشنهاد فرادرس

طراحی Web SVG Rollovers با CSS

دسته بندی ها: آموزش های لیندا (Lynda) ، آموزش طراحی وب ، آموزش CSS

طراحی-web-svg-rollovers-با-css

در این آموزش تصویری با نحوه ایجاد، تغییر رنگ و مدیریت طرح های گرافیکی با فرمت SVG در CSS آشنا می شوید.

این دوره آموزشی محصول موسسه Lynda می باشد.

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

  • طراحی اسکریپتهای سفارشی
  • ترکیب CSS با SVG
  • کار با SVG با HTML
  • اضافه کردن کلاس ها به SVG
  • گروه بندی عناصر SVG
  • کنترل عناصر SVG و گروهبندی با CSS

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

توضیحات:

Learn how to change the color and visibility of SVG graphics with CSS. In this installment of Design the Web, author Chris Converse shows how to control the properties of SVG elements with external CSS, and make your graphics update on rollover. Plus, learn how to group multiple SVG graphics and control them with a single rollover state. The exercise files for this course are free to all members, so dive in and start following along now.

Introduction 1m 24s Preview the final project 39s About the exercise files 45s 1. Responsive Design, Custom Scripts, and Scroll Detection 22m 23s Options for combining CSS with SVG 3m 6s Moving SVG inline with HTML 3m 36s Adding classes to SVG elements 3m 45s Combining CSS hover states with SVG 2m 42s Grouping SVG elements 3m 59s Controlling grouped SVG elements with CSS 5m 15s

حجم فایل: 119MB

آیا این نوشته را دوست داشتید؟
Lynda Design the Web SVG Rollovers with CSS

پیشنهاد فرادرس