css三维悬浮切换效果
代码语言:html
所属分类:悬停
代码描述:css三维悬浮切换效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> @charset "UTF-8"; button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; } .btn:focus span { box-shadow: 0 0 6px #060; } .container { margin: 2em auto 0; } .btn { display: block; position: relative; transform-style: preserve-3d; text-align: center; } .btn span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #006400; line-height: 2em; text-align: center; transition: all 0.3s; } .btn .default { background-color: #fff; color: #006400; } .b.........完整代码请登录后点击上方下载按钮下载查看
网友评论0