פיתוח

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

/*כפתור ללא אייקון*/ selector::before{ content:””; width: 40px; height: 40px; background: linear-gradient(195deg, #FE9D01, #ED269B); position: absolute; border-radius: 100em; transition: .3s; } selector:hover::before{ width: 100%; } selector .elementor-button-text{ z-index: 1; padding: 12px 30px; } /*כפתור עם אייקון*/ selector::before{ content:””; width: 40px; height: 40px; background: #0CE880; position: absolute; left: 0; border-radius: 100em; transition: .3s; } selector:hover::before{ width: 100%; […]

אנימציית CSS של עיגול מתרחב לכפתור Read More »

סגירת תפריט Off-Canvas בלחיצה על כפתור

הקוד הזה יסגור לכם את מגש ה-Off Canvas בלחיצה על כל כפתור שתרצו!

לפעמים אנחנו שמים בווידג’ט Off-Canvas כפתור שגולל באותו עמוד, ואז זה ממש מוזר שהעמוד נגלל והמגש נשאר פתוח.
לכן, מעכשיו, אתם יכולים למקם את הקוד הזה באלמנטור > ניהול פרויקטים, כך שהמגש ייסגר בלחיצה על כפתור בתפריט.
הקלאס הנוכחי ולהחליף את הקלאס menu-item בכל קלאס שתרצו.

סגירת תפריט Off-Canvas בלחיצה על כפתור Read More »

אנימציית כניסה עדינה לכל האלמנטים באתר

אחד מהמאפיינים של חווית גלישה נעימה וזורמת, זה ללא ספק אנימציית כניסה עדינה ועקבית. לפניכם קוד קליל שיאפשר לכם להוסיף אנימציות כניסה עדינות לכל אתר שלכם! ניתן להוסיף את האנימציה תחת “אלמנטור > ניהול קודים”. הקוד מתוכנן כך שהאנימציה תהיה פעילה רק בלייב ולא בעורך. תהנו!

אנימציית כניסה עדינה לכל האלמנטים באתר Read More »

הכירו את הגרידליינר – התוסף לאלמנטור שיהפוך כל עיצוב שלכם למדויק

1. הורידו את התוסף והתקינו בסביבת הוורדפרס שלכם: לחצו להורדת התוסף Gridliner 2. בתוך עורך האלמנטור, לחצו על ההמבורגר > העדפות משתמש 3. הדליקו את המתג, ותתחילו לבנות מדויק!

הכירו את הגרידליינר – התוסף לאלמנטור שיהפוך כל עיצוב שלכם למדויק Read More »