יישור וידג’ט למרכז הקונטיינר ואנימציה מגניבה לכפתור (עיצוב אודות) 10:27

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

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

יישור וידג’ט למרכז הקונטיינר

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

ההגדרות לכפתור עם האנימציה

  1. סגנון > לבחור גודל טקסט וצבע טקסט
  2. סגנון > לבחור רקע שקוף לכפתור
  3. סגנון > לבחור שוליים פנימיים לכפתור
  4. מתקדם > רקע > לבחור צבע רקע לכפתור

הקוד להוספת אנימציית מסגרת מסתובבת לכפתור

selector .elementor-button-wrapper{
    border: 2px solid #01E99D;
    transform: rotate(18deg);
    transition: all 0.3s ease;
}
 
selector .elementor-button{
    transform: rotate(-18deg);
}
 
selector:hover .elementor-button-wrapper{
    transform: rotate(360deg) !important;
    border: 4px solid #01E99D !important;
}

כתיבת תגובה

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

דילוג לתוכן