ימים
שעות
דקות
שניות
הנחות בלאק פריידי על כל הקורסים באתר!

עיצוב כפתור עגול עם CSS + אנימציית מעבר

נגן וידאו

עם CSS מותאם אישית באלמנטור תוכלי ליצור בחופשיות מגוון כפתורים מעניינים.

הקוד ליצירת אנימצית תנועה לצל של הכפתור – תנועת לחיצה:

selector .elementor-button:hover{
    box-shadow: 4px 4px 0  !important;
}

הקוד ליצירת אנימצית תנועה לצל של הכפתור – תנועה לכיוון הנגדי:

selector .elementor-button:hover{
    box-shadow: -14px -14px 0  !important;
}

הקוד ליצירת כפתור עגול ומדוייק באלמנטור. אפשר לשנות את הרוחב (width) ואת הגובה (height) לפי הצורך:

selector .elementor-button{
    width: 300px !important;
    height: 300px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50% !important;
}

לכפתור העגול את יכולה להוסיף אנימצית תנועה לצל לפי טעמך.

תצליחי,
חגית

דילוג לתוכן