div+css实现创意单选按钮打钩打叉动画效果代码
代码语言:html
所属分类:表单美化
代码描述:div+css实现创意单选按钮打钩打叉动画效果代码
代码标签: div css 创意 单选 按钮 打钩 打叉 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <style> * { margin: 0; padding: 0 } body { min-height: 100vh; display: flex; justify-content: center; align-items: center; background: linear-gradient(200deg,#e4efe9,#93a5cf) } .container { width: 500px; height: 320px; background-color: #382f45; border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 10px 10px 20px rgba(0,0,0,0.2); padding: 0 15px } p { width: 80%; color: #fff; font-size: 40px; letter-spacing: 5px } .input-box { width: 80%; display: flex; justify-content: space-between; margin-top: 50px } .input-box label { position: relative; cursor: pointer; display: flex; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0