יש אפשרות לבטל לגמרי ולא רק לשקף?
רציתי לתת אפקט חדש לתפריט ראשי
להלן הקוד:
.nav-main a::before,
.nav-main a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.nav-main a::before {
margin-right: 2px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.nav-main a::after {
margin-left: 2px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.nav-main a:hover::before,
.nav-main a:hover::after,
.nav-main a:focus::before,
.nav-main a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
זה עובד יפה מאוד אבל לא נשאר האפקט לאחר הבחירה.
נראה לי שזה קשור לאפקט הקיים. פשוט צריך לבטל אותו.