ביטול מרווחים בקונטיינר, הקטנת טקסט בתוך כותרת ואנימצית קו לאייקון (עיצוב המתנה) 11:32

לאיכות צפיה ברמה גבוהה לחצי על גלגל השיניים מתחת לכל סרטון > איכות > 1080p

הסרטון מוטמע מיוטיוב על מנת לאפשר לך חווית למידה מעולה ונוחה. אין שום רשות להעתיק או להפיץ את הקישור לסרטון. תודה :)

הגדרות לקונטיינר המתנה

  1. פריסה > יישור תוכן לצדדים > מרכז
  2. פריסה >יישור פריטים > מרכז
  3. פריסה > ריווחים > כתבי 0px

הקודים להקטנת חלק מהטקסט של הכותרת בצורה חכמה

בוידג’ט כותרת > תוכן > הדביקי את הקוד הבא

<span>
DO YOU WANT
</span>
<br>
A GIFT

בוידג’ט כותרת > מתקדם > הוסיפי קוד CSS מותאם אישית

selector span{
    font-size: 0.4em !important;
}

בוידג’ט כותרת > סגנון > טיפוגרפיה > הגדירי גובה שורה של 0.7em

הקוד להוספת אנימציית קו ושינוי צבע לאייקון

selector .fa-gift:before{
    animation: gift-stroke 1s ease infinite;
}

@keyframes gift-stroke{
    50%{
        -webkit-text-stroke: 2px #292AD4;
        color: white;
    }
}

כתיבת תגובה

ברוכה הבאה לקורס קונטיינרים באלמנטור

דילוג לתוכן