本文介绍: 【代码】纯 CSS 开关切换按钮

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"&gt;
    <title>纯 CSS 开关切换按钮</title>
    <style>
        html {
            font-size: 62.5%;
        }

        body {
            background-color: #1848a0;
        }

        .wrapper {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .toggler {
            animation: showToggler 300ms ease-out;
            cursor: pointer;
            height: 25px;
            margin: 10px 0;
        }

        .toggler .choices {
            transition: background-color 300ms ease-out;
            cursor: pointer;
            position: relative;
            display: block;
            width: 100%;
            height: 25px;
       

原文地址:https://blog.csdn.net/qq_22182989/article/details/132535075

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_10705.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注