06.白天黑夜特效
Posted @大迁世界
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了06.白天黑夜特效相关的知识，希望对你有一定的参考价值。
效果 (源码网盘地址在最后)
源码
index.html
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Creating day-night CSS only toggle switch</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<input type="checkbox" id="toggle" class="toggle--checkbox">
<label for="toggle" class="toggle--label">
<span class="toggle--label-background"></span>
</label>
<div class="background"></div>
<!-- par以上是关于06.白天黑夜特效的主要内容，如果未能解决你的问题，请参考以下文章