2013-03-12 17 views
7

Czy istnieje sposób na zmniejszenie grubości obramowania?Przejście grubości obramowania

Mój kod:

nav a { 
border-bottom: 1px solid #AADA4B; 
} 


nav a:hover { 
border-bottom: 3px solid #AADA4B; 
} 

Dzięki bardzo za pomoc. Sam.

Odpowiedz

11

Jasne, tylko przejście border lub border-width na elemencie a:

nav a { 
/* -moz-, -o-, -webkit- prefixes omitted for brevity */ 
transition: border-width 0.1s ease-in-out; 
border-bottom: 1px solid #AADA4B; 
} 
+2

Jeśli kolor obramowania nie zmieni, będę również sugerują, że to przy aktywowaniu: 'nav a: hover {border-bottom-width : 3px; } '. Łatwiej jest utrzymać taki kod. – edmundo