כפתור עם מעבר צבע

עדכון: כיום ניתן לעשות מעבר צבע באלמנטור לבד, עדיין האפשרות של הובר באלמנטור לא מספיק טובה.

כפתור עם מעבר צבע (gradient), ממש חסר באלמנטור, יש אמנם כמה תוספים שעושים את זה, אבל זה כ”כ קל עם קצת קוד, אז מה לא חבל?

				
					selector .elementor-button {background-image: linear-gradient(to right, #EDE574 0%, #E1F5C4 100%)}

				
			

והנה התוצאה,

אפשר כמובן לשנות את הצבעים והכיוון (כמו גם להוסיף יותר משני צבעים)

במידה ותרצו שיהיה גם אפקט הובר יפה לכפתור, הנה הקוד,

				
					selector .elementor-button {background-image: linear-gradient(to right, #EDE574 0%, #E1F5C4 51%, #EDE574 100%)}
selector .elementor-button {
transition: 0.5s;
background-size: 200% auto;
}
selector .elementor-button:hover {
background-position: right center;
}
				
			

3 תגובות

כתיבת תגובה

האימייל לא יוצג באתר.

קורס אלמנטור מתקדם

12 טיפים מהירים לשיפור עיצוב האתר

הרשמה לניוזלטר

כדאי לכם ;)

רגע, יש לי עוד..

סליחה שאני מפריע ככה, אבל ממש עכשיו הוצאתי קורס חדש.

קורס אלמנטור מתקדם

ועכשיו יש הנחה מיוחדת!!