מעברי צבע מתקדמים עם אלמנטור ו-CSS

הקוד לצבע מעבר בתוך טקסט

				
					selector .elementor-heading-title{background-image: linear-gradient(to right top, #17195F, #00FFFF);
-webkit-background-clip: text;}
				
			

הקוד למעבר צבע עם הובר בכפתורים

				
					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;
}
				
			

הקוד לטשטוש הרקע

				
					selector{
filter: blur(100px);
}

				
			

הקוד לרקע עם אנימציית מעבר צבע

				
					selector {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
				
			

כתיבת תגובה

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

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

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

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

כדאי לכם ;)

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

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

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

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