ליצירת קשר
לוגו של נעם אביקסיס

קודים לכפתורים

קוד לכפתור גרדיאנט:

				
					selector a{
   background-size: 200% auto;
   background-image: linear-gradient(to right, #75553C 10%, #947F6E 50%,#75553C 100%);
}

selector a:hover {
    background-position: right;
}

קוד לכפתור גרדיאנט זז 

				
					selector a {
  background: linear-gradient(to left, #10E7FF 20%, #09C3D8 40%, #0895A6 60%, #10E7FF 90%);
  background-size: 500% auto;
  animation: AnimationName 6s ease-in-out infinite alternate;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}

/* האנימציה */
@keyframes AnimationName {
  0% { background-position: 0% center; }
  100% { background-position: 100% center; }
}

קוד לכפתור גרדיאנט בטופס 

				
					/*שדה של טלפון לימין*/

selector input[type="tel"]{

    direction: rtl !important;

}

/*כפתור של טופס בשילוב צבעים*/

selector .elementor-button {

  background-image: linear-gradient(45deg, #FF02FF,#FF7A45);
  }

קוד לכותרת גרדיאנט: 

				
					selector .elementor-heading-title {
    background-image: linear-gradient(to left, #FD267D, #FF6E59); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
}

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

				
					selector .elementor-heading-title {
    background: url("https://wordpress-1468185-5864050.cloudwaysapps.com/wp-content/uploads/2025/09/293196978_bd785520-325e-4725-a9c0-f4273e967c91.webp") bottom/cover no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* לוודא שהטקסט שקוף */
}

קוד לאייקון בכפתור

				
					
selector svg {
    transform: scale(1.4);
    padding-top: 1px;
}

קודים להגדרות עמוד:

קוד על מנת לרדת שורה במובייל בלי שזה יפגע בתצוגה שלו בדסקטופ: 

				
					@media screen and (min-width: 768px) {
selector br{
    display: none;

}
}

קוד למניעת גלישה לצדדים 

				
					html, body{
overflow-x: hidden;
}

קוד לביטול רווח תחתון בעורך טקסט: 

				
					.elementor-text-editor p:last-of-type {
    margin: 0;
}

קודים לאנימציות

קוד לאלמנט מרחף

				
					selector{
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }
}

קוד לקרוסלת תמונות רצה

				
					selector .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important; 
}

קוד להגדרת גובה ורוחב לתמונה

				
					selector img{
    height:120px !important;
    width: auto;
    object-fit: contain;
}

@media screen and (min-width: 768px) {
selector img{
    height:220px !important;
    width: auto;
    object-fit: cover;
}
}

קודים לוידג׳טים:

יישור וידג׳ט ״תיבת אייקון״ לימין במובייל 

				
					selector .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
selector .elementor-widget-icon-box .elementor-icon-box-icon {
    margin: 3px 0 0 10px !important;
}
selector  .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

אותו עיקרון עם וידג׳ט תמונה:

				
					selector.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
selector .elementor-widget-image-box .elementor-image-box-img {
    margin: 3px 0 0 10px !important;
}

אפקט זכוכית לרקע: 

				
					selector {
שים את הקוד כאן מאתר - https://css.glass/
}

קוד להדגשת טקסט מתוך כותרת: 

				
					קצת<span> עליי </span> 

selector span{
    color:#B35FD9;
}

קוד לרקע קבוע בגלילה שעובד ב100% גם במובייל:

(לשים לב שזה על שכבת רקע וכיסוי) 

				
					
/* LMN.co.il - Fixed Background (Desktop + Mobile) */
@supports (-webkit-clip-path: polygon(0 0, 0 10%, 10% 10%)) or (clip-path: polygon(0 0, 0 10%, 10% 10%) ) {
    selector {
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
    }
    selector::before{
        position: fixed;
        top:0;
        left:0;
        height:100vh;
        pointer-events:none;
    }
}

קוד למינוס התמונה בתיבת תמונה: 

				
					selector .elementor-image-box-img {
    transform: translateY(-2vw)
}

selector .elementor-image-box-content {
    transform: translateY(-1vw)
}


@media screen and (max-width:768px){
    selector .elementor-image-box-img {
    transform: translateY(-6vw)
    }
    
    selector .elementor-image-box-content {
    transform: translateY(-3vw)
}
}

קוד לתיבת הסכמה בטופס: 

				
					/*ממקם את שדה ההסכמה בסוף הטופס מתחת לכפתור*/
selector .elementor-field-type-acceptance {
    order:4;
}

/*מעגל פינות ומיישר את הצ'בוקס*/
selector .elementor-field-option *, input[type=checkbox]:checked:before{
    border-radius: 100px;
    transform: translate3d(0px, 5px, 0px)
}


קוד ללינק של מדיניות פרטיות בתיבה:
אני מאשרת למסור את פרטיי בהתאם ל<a href="https://avishagabayof.co.il/terms/"><U>מדיניות הפרטיות</u>

תפריט ניווט

משפטי

הצהרת נגישות

מדיניות פרטיות

תקנון ותנאי שימוש

לוגו של נעם אביקסיס