a.icon {display:block; position:relative; overflow:hidden;}
a.icon:after {
content: ""; position: absolute; top: 0; left: 50%; width: 0%; height: 100%; opacity: 0;
background: rgba(59, 107, 209, 0.13);
}
a.icon:hover:after {
opacity: 0.5; left: 0; width:100%;
transition-property: left, width, opacity;
transition-duration: 0.3s, 0.3s, 0.15s;
transition-timing-function: ease;
}
ko- 마우스 오버시 펼쳐지는 효과
en- Hover effect spreads
en- Hover effect spreads
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.