bottom-border hover transition
问题 Can any one tell me how to do a border-bottom hover effect from bottom to top? Src: http://www.sony.com/electronics/playstation 回答1: Here is a simple sample using the pseudo element ::after The advantage using this in favor of the border-bottom , it will not move the element up and down a { position: relative; padding: 10px 20px; } a::after { content: ' '; position: absolute; left: 0; bottom: -5px; width: 100%; height: 0; background: blue; transition: height 0.3s; } a:hover::after { height: