16.液体 checkbox 特效

@大迁世界

于 2022-01-29 22:33:44 发布

阅读量616

点赞数

分类专栏： CSS创意特效(第四季) 文章标签： css css3 html

本文链接：https://blog.csdn.net/qq449245884/article/details/122748571

版权

CSS创意特效(第四季) 专栏收录该内容

38 篇文章 13 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文分享了一种使用CSS3创建液体checkbox动画效果的方法。通过提供的源码和网盘链接，读者可以查看并下载相关代码进行学习和实践。

摘要由CSDN通过智能技术生成

效果 (源码网盘地址在最后)

关注公众号《大迁世界》，查看更多视频教程！

源码

index.html

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="./style.css">

</head>
<body>

<div id="container">
  <input type="checkbox" id="circle-input"/>
  <label for="circle-input" id="circle-cont">
    <div id="circle"></div>
  </label&