纯css首先的选项按钮开关切换效果
代码语言:html
所属分类:表单美化
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> Simple CSS Switch / Toggle</title> <style> .switch { --line: #E8EBFB; --dot: #275EFE; --circle: #D3D4EC; --background: #fff; --duration: .3s; --text: #9EA0BE; --shadow: 0 1px 3px rgba(0, 9, 61, 0.08); cursor: pointer; position: relative; } .switch:before { content: ''; width: 60px; height: 32px; border-radius: 16px; background: var(--background); posit.........完整代码请登录后点击上方下载按钮下载查看
网友评论0