div+css实现彩色液态流动checkbox开关效果代码
代码语言:html
所属分类:其他
代码描述:div+css实现彩色液态流动checkbox开关效果代码
代码标签: div css 彩色 液态 流动 checkbox 开关
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0; } body { display: grid; height: 100vh; } h1 { align-self: center; justify-self:center; } .container { align-self: center; justify-self:center; -webkit-filter: contrast(20); filter: contrast(20); background: rgba(0,0,0,1); border: 2px solid transparent; box-shadow: 5px 5px 5px rgba(0,0,0,.5); height: 135px; width: 325px; border-radius: 500px; overflow: hidden; transition: all ease 500ms; } .container:hover { box-shadow: 5px 5px 2.5px rgba(0,0,0,.5); } .label { position: relative; height: 100%; width: 100%; display: grid; cursor:.........完整代码请登录后点击上方下载按钮下载查看
网友评论0