css实现一个开关点击切换效果代码

代码语言:html

所属分类:布局界面

代码描述:css实现一个开关点击切换效果代码

代码标签: css 开关 切换

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        html{
            height: 100%;
        }
        
        body{
            height: 100%;
            background-color: #141219;
        }
        
        #switch{
            top: 50%;
            left: 50%;
            width: 75px;
            height: 40px;
        }
        
        .toggle{
            position: absolute;
            border: 2px solid #444249;
            border-radius: 20px;
            -webkit-transition: border-color .6s  ease-out;
            transition: border-color .6s  ease-out;
            box-sizing: border-box;
        }
        
        .toggle.toggle-on{
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0