שלום לכולם, ברוכים הבאים לסדרת הדרכות הקשורות ל-WordPress ו-Elementor Pro! היום יש לי משהו מאוד מיוחד בשבילכם. אנחנו נלמד איך ליצור חלק נהדר בעמוד שלכם עם CSS החלפת רקעים אוטומטית וטקסט עיגול נע 360

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

CSS נתיב טקסט קוד:

selector svg{
animation: rotate 20s linear infinite;
}
@-webkit-keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

CSS החלפת רקעים קוד:

/*Auto Background Changing Color */
/Copyrighted By HIGHSITE/
selector{
–color-1: #0217d4;
–color-2: #026ed4;
–color-3: #5da2e3;
–color-4: #05e2e6;
–color-5: #0b44e0;
–changing-time: 15s;
}
selector{
animation: background-color infinite var(–changing-time);
}
@keyframes background-color{
0%{
background: var(–color-1);
}
20%{
background: var(–color-2);
}
40%{
background: var(–color-3);
}
60%{
background: var(–color-4);
}
80%{
background: var(–color-5);
}
100%{
background: var(–color-1);
}
}