CSS hover背景扇动效果
代码语言:html
所属分类:悬停
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS hover背景扇动效果</title> <style> .la-btn { padding: 14px 20px; background: #1abc9c; color: #fff; font-size: 14px; overflow: hidden; transition: all .35s; display: inline-block; position: relative; z-index: 1; } .la-btn:hover { color: #fff; background: none; } .la-btn:before { visibility: hidden; content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 100%; background: #2a2b2c; z-index: -1; transform: skew(45deg,0); transition: all .35s; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0