היום, יצירת עיצוב אתר הופכת אמנות אמיתית.זה לא רק קבוצה של דפים בצבע מסוים וגודל, גופנים, סגנונות שונים ותמונות נושא.על מנת להפוך את אתר שונה מאחרים, כדי למשוך את תשומת לבם של מבקרים ולשלוח אותו לגורמים אחרים אלה או באמצעות מספר עצום של שיטות וכלים.ביניהם יש CSS מאוד פופולרי רכוש - שקיפות.טכניקה זו היא די אופנתית וזוהרת, ולכן משמשת לעתים קרובות.אתה יכול לתת את השקיפות של דפים שונים אובייקטים - טקסט, תמונה, או כל היחידה, לדוגמא.כמו כן, ניתן להשיג בדרכים שונות.הבה נבחנו אותם בהמשך.פרמטרים
להגדיר את השקיפות של אלמנטי פרמטרים
מאפשרים להתאים את השקיפות של אלמנטים של מספר.הם משמשים בהתאם למטרות הספציפיות, והדפדפן, שנמצא מתחת לעיצוב "המותאם".אלה כוללים את המאפיינים הבאים: אטימות
- ;מסנן
- ;
- PNG תמונה כרקע.ערך נכסים "שקיפות"
CSS משתנות כדלקמן: ככל שהמספר גבוה, הנמוכה רמת השקיפות של האלמנט.האטימות זה משתנה 0-1, במסנן - מ -10 עד 100. וזה האחרון משמש לדפדפן interet Explorer, ולכל הרכוש הרלוונטי האחר היא אטימות.תמונת
שקיפות (שינוי)
להתחיל עם אפשרויות כאשר השקיפות יתבטא כאשר אתה מזיז את סמן העכבר לפריט.
לשקול כיצד להגדיר את השקיפות של התמונה.CSS מציע שתי אפשרויות.כדי לעשות זאת, עליך לרשום אותו ב- HTML-מסמך קוד כדלקמן:
- ציין את הנתיב לתמונה.
- מגדיר את הפרמטרים של שקיפות כאשר הסמן הוא לא.לשם כך אנו משתמשים בתכונות onmouseover וonmouseout, אשר קובע את מסנן הערך ואטימות.
יכולים להיות שנקבעו מאפיינים אלה בCSS-מסמך ואת קוד המקור כדי להוסיף קישור אליו.התוצאות לכבות את אותו הדבר.בלוקים
טקסט שקוף ודף
באשר לטקסט או הבלוק (div השקוף), CSS מציעים אפשרות שלה, דומה ליצירת תמונה שקופה, המשמשת CSS-קובץ מחובר, אשר יינתן הפרמטרים הדרושים.אתה יכול ללכת ודרך פשוטה יותר.כאשר אתה מגדיר את סגנון סגנון בלוק div או עמ טקסט לקבוע אלמנטי HTML-הקוד הבא לonmouseover וonmouseout.שני האפשרויות לעבוד ולתת את התוצאה הרצויה.
שקיפות
הקבוע במקרים מסוימים, את השקיפות של האובייקט, אלמנט עיצוב או טקסט שברצונך להגדיר באופן שוטף.במצב זה, הפתרון הוא אפילו יותר פשוט עם העכבר.אלמנט CSSלשקיפות יינתן הקוד הבא.בסגנון div בלוק לקבוע ערכים לרקע (למשל, # ff8800), אטימות (למשל, 0.5) והרוחב (רוחב) וריפוד (ריפוד).
לתמונות בקוד עושה ערכים ומסנן אטימות, וציין את הנתיב לתמונה.
RGBA-שיטת
ישנן אפשרויות אחרות לשימוש ב- CSS נכס זה: שקיפות ניתן ליישם את צבע הרקע של אלמנט של עיצוב.היא משתמשת בשיטה של RGBA.שלוש האותיות הראשונות מייצגות את הצבעים הבסיסיים (אדום, ביקוע, כחול), והאחרון - אלפא, הקובע את רמת שקיפות.באמצעות RGBA פורמט קובע שקיפות, כיוון אותו לספרה האחרונה.לדוגמא, כ: רקע: RGBA (240,2,33,0.4035).סיכום
כך, באמצעות בבמהלך העבודה על עיצוב האתר הוא פשוט אך CSS רכוש מרהיב "שקיפות", אתה יכול לעשות את זה יותר מעניין ובולט יותר אלמנטים של מאמץ מינימאלי.שקיפות ביצועי עבודת התגלמות המתוארת תעזור לך עם זה.
