אלמנט מרחף

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

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

יש לתת לאלמנט את ה-Class של elementc1 ולהשתמש בקוד הבא: (כולל רקע, כאופציה)

@media (min-width: 1001px) { /*-----ai---------Start Non-Mobile-Range-----------*/
.elementc1 {
 position:absolute;
 top:300px;
 right:65%;
 background-color:#fac51d;
 padding:30px;
}
} /*-----ai---------End Non-Mobile-Range-----------*/

כאשר ניתן להוסיף את האנימציה הקלה הזו (כולל הדרגה באנימציה) למעבר עכבר: (גם כן לתחום הלא-סלולרי)

.elementc1:hover {
 transform: translate(0, -10px);
 background-color:#f2ce5c;
}
.elementc1, .elementc1:hover {
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}