/* Animation navigation */
div.circleBehind a:before, div.circleBehind a:after
{
position: absolute;
top: 22px;
left: 50%;
width: 50px;
height: 50px;
border: 4px solid #FB3A36;
transform: translateX(-50%) translateY(-50%) scale(0.8);
border-radius: 50%;
background: transparent;
content: "";
opacity: 0;
transition: all 0.3s;
z-index: -1;
}
div.circleBehind a:after
{
border-width: 2px;
transition: all 0.4s;
}
div.circleBehind a:hover:before
{
opacity: 1;
transform: translateX(-50%) translateY(-50%) scale(1);
}
div.circleBehind a:hover:after
{
opacity: 1;
transform: translateX(-50%) translateY(-50%) scale(1.3);
}
.dmLargeBody .desktopTopNav.desktopTopNavMoreBtn .dmNavigation a:after, .dmLargeBody .desktopTopNav.hasdmSub .dmNavigation a:after,
.dmLargeBody .desktopTopNav.desktopTopNavMoreBtn .dmNavigation a:before, .dmLargeBody .desktopTopNav.hasdmSub .dmNavigation a:before {
content: none !important;
}
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.