פוסט זה מסביר את השיטה להגדרת המעבר בעזרת CSS ' לְהַצִיג ' ו' אֲטִימוּת ' נכסים.
כיצד מעבירים את מאפייני 'תצוגה' ו'אטימות' של CSS?
כדי להעביר CSS ' לְהַצִיג ' ו' אֲטִימוּת מאפיינים, ראשית, צור מיכל div עם ה-' בהתחלה, הכינו מיכל div בעזרת ה-' לאחר מכן, גש למיכל ה-div על ידי שימוש בשם המחלקה ' פריט ראשי ' והגדר את ' לְהַצִיג ' תכונה: כאן, הערך של ' לְהַצִיג ' המאפיין מוגדר כ' לַחסוֹם 'כדי לתפוס את כל רוחב המסך. לאחר מכן, החל את מאפייני ה-CSS הבאים על מיכל ה-div הנגיש: בקטע הקוד שצוין לעיל: תְפוּקָה כעת, גש למיכל ה-div לאורך ' :לְרַחֵף ' בורר פסאודו המשמש לבחירת אלמנטים כאשר אנו מרחפים מעליהם את העכבר: לאחר מכן, הגדר את ' אֲטִימוּת ' של הרכיב שנבחר בתור ' 1 ' כדי להסיר את השקיפות. תְפוּקָה זה הכל לגבי הגדרת מאפייני 'תצוגה' ו'אטימות' של מעבר CSS. כדי להגדיר את מאפייני המעבר 'תצוגה' ו'אטימות', ראשית, צור מיכל div באמצעות האלמנט
שלב 1: צור מיכל 'div'.
שלב 2: הגדר מאפיין 'תצוגה'.
פריט ראשי {
לְהַצִיג : לַחסוֹם ;
}
שלב 3: הוסף תמונת רקע
גוֹבַה : 400 פיקסלים ;
רוֹחַב : 400 פיקסלים ;
תמונת רקע : כתובת אתר ( spring-flowers.jpg ) ;
אֲטִימוּת : 0.1 ;
מַעֲבָר : אֲטִימוּת 2 שניות קלות-in-out ;
שולים : 30 פיקסלים 50 פיקסלים ;
}
שלב 4: החל את ':hover' Pseudo Selector
אֲטִימוּת : 1 ;
}
סיכום