Cara membuat dark mode sederhana versi Vconry
Dark mode biasanya ada nih di hp kalian
Tapi gak semuanya yaa beberapa tidak ada
Seperti realme c2 yang saya pake ini dulu belum pake dark mode setelah saya update baru dark mode ini muncul
Cara membuatnya yaitu
Kalian tinggal copy code di bawah ini aja biar lebih gampang
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Dark Mode</title>
<style type="text/css" media="all">
.home {
background: #fff;
transition: 2s;
}
p {
padding: 2px 20px;
}
input[type="checkbox"]:checked ~ *{
filter: invert(1);
transition: 2s;
}
input[type="checkbox"]:before {
content: "Dark";
color: #fff;
background: #000;
padding: 3px 9px;
position: absolute;
}
input[type="checkbox"]:checked:after {
content: "Light";
color: #000;
background: #fff;
padding: 3px 9px;
position: absolute;
</style>
</head>
<body>
<input type="checkbox" name="" id="" />
<div class="home">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos deserunt, provident est animi. Ea veniam enim laborum ut, sit delectus, placeat ullam soluta voluptatum ducimus et molestias. Perspiciatis, unde, in!</p>
<p>
Kalian bisa isi kata kata apa aja disini
<p/>
</div>
</body>
</html>
Mungkin sekian semoga bermanfaat
- See you
0 Comments