מדריך למשתמש ביטול

יצירה ועריכה של אפקטי מעבר של CSS3 ב-Dreamweaver

חפש

עודכן לאחרונה בתאריך 20 במאי 2021 | חל גם על Adobe Dreamweaver

ניתן ליצור, לשנות ולמחוק מעברי CSS3 באמצעות החלונית CSS Transitions.

כדי ליצור מעבר CSS3, צור מחלקת מעברים על-ידי ציון ערכים עבור מאפייני המעברים של הרכיב. אם תבחר רכיב לפני יצירת מחלקת המעברים, המחלקה תוחל באופן אוטומטי על הרכיב שנבחר.

ניתן לבחור להוסיף את קוד ה-CSS שנוצר למסמך הנוכחי או לציין קובץ CSS חיצוני.

יצירה והחלה של אפקט מעבר של CSS3

(אופציונלי) בחר רכיב (פיסקה, כותרת וכן הלאה) שעליו ברצונך להחיל את המעבר. לחלופין, ניתן ליצור מעבר ולהחיל אותו על רכיב כלשהו בשלב מאוחר יותר.
בחר Window >‏ CSS Transitions.
לחץ על .
צור מחלקת מעברים באמצעות האפשרויות בתיבת הדו-שיח New Transition.

Target Rule

הזן שם לבורר. הבורר יכול להיות בורר CSS מכל סוג שהוא, כגון תג, כלל, מזהה או בורר מורכב. לדוגמה, אם ברצונך להוסיף אפקטי מעבר לכל התגים מסוג <hr>‎, הזן את הערך hr

Transition On

בחר מצב שעליו ברצונך להחיל את המעבר. לדוגמה, אם ברצונך להחיל את המעבר כשהעכבר עובר מעל הרכיב, השתמש באפשרות Hover.

Use the Same Transition for All Properties

בחר באפשרות זו אם ברצונך לציין ערכים זהים עבור Duration‏, Delay‏, ו-Timing Function לכל מאפייני CSS שבהם ברצונך להשתמש במעברים.

Use a Different Transition for Each Property

בחר באפשרות זו אם ברצונך לציין ערכים שונים עבור Duration‏, Delay‏, ו-Timing Function לכל מאפיין CSS שבו ברצונך להשתמש במעבר.

Property

לחץ על כדי להוסיף מאפיין CSS למעבר.

Duration

הזן משך זמן בשניות (s) או באלפיות השנייה (ms) עבור אפקט המעבר.

Delay

הזמן, בשניות או באלפיות שנייה, לפני תחילת אפקט המעבר.

Timing function

בחר סגנון מעבר מבין האפשרויות הזמינות.

End Value

ערך הסיום של אפקט המעבר. לדוגמה, אם ברצונך להגדיל את הגופן ל-‎40px בסוף אפקט המעבר, ציין ‎40px עבור מאפיין גודל הגופן.

Choose Where To Create The Transition

להטבעת הסגנון במסמך הנוכחי, בחר This Document Only.

אם ברצונך ליצור גיליון סגנונות חיצוני עבור קוד CSS3, בחר New Style Sheet File. בעת הלחיצה על Create Transition, אתה מתבקש לספק מיקום לשמירת קובץ ה-CSS החדש. לאחר יצירת גיליון הסגנונות, הוא נוסף לתפריט Choose Where To Create Transition.

עריכת אפקטי מעבר של CSS3

בחלונית CSS Transitions, בחר את אפקט המעבר שברצונך לערוך.
לחץ על .
השתמש בתיבת הדו-שיח Edit Transition כדי לשנות ערכים שהוזנו בעבר עבור המעבר.

השבתת תחביר מקוצר של CSS עבור מעברים

בחר Edit >‏ Preferences.
בחר CSS Styles.
תחת Use Shorthand For, בטל את הבחירה של Transition.

Adobe

קבל עזרה במהירות ובקלות

משתמש חדש?