בסרטון הזה נראה איך ליצור תפריט צד עם אלמנטור (בצורה הנכונה), כולל אפקטים מקסימים.
הקודים שבסרטון,
body{
padding-right: 60px;
}
בשביל אפקט ההובר,
.my-menu:hover{
width: 300px;
max-width: 300px;
}
.my-menu{
transition: 0.5s;
overflow: hidden;
}
.elementor-icon-list-text{
white-space: nowrap;
}
בשביל פתיחה בלחיצה על האייקון תפריט,
body.menu-open .my-menu{
width: 300px;
max-width: 300px;
}
.my-menu{
transition: 0.5s;
overflow: hidden;
}
.elementor-icon-list-text{
white-space: nowrap;
}
body{
margin-right: 60px;
transition: 0.5s;
}
body.menu-open{
margin-left:-300px;
margin-right: 300px;
}
<script>
document.querySelector(".my-icon").addEventListener("click", function(){
document.querySelector("body").classList.toggle("menu-open");
});
</script>
2 תגובות
וואו
תודה!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
שימושי ברמות