Using :hover and the sibling selector (~), you can apply different styles to elements based on their position. Removing the visibility transition gets rid of the previous element’s ghost for a cleaner slide-in with no slide-out. This is a wonderful demo and a very useful snippet for directional aware hover effect. Coded by Giana
Check out this Pen!
Tags: #Code, #CSS, #CSS3, #Hover, #HTML, #HTML5, #Resource, #Responsive, #SCSS, #Snippets, #Transition, #Web Design, #Web Development