1
0
This commit is contained in:
syui 2024-04-28 17:00:52 +09:00
parent b862d17d46
commit e84bf8cde0
Signed by: syui
GPG Key ID: 5417CFEBAD92DF56
3 changed files with 25 additions and 3 deletions

View File

@ -18,7 +18,7 @@ function sun_open() {
<link rel="stylesheet" href="/pkg/particles/particles.css" />
<div class="sun">
<div class="sun-button">
<img id="sun-img-button" src="/icon/sun.png" onclick="sun_open()">
<img id="sun-img-button" src="/icon/sun.svg" onclick="sun_open()">
</div>
<div id="particles-js"></div>
</div>

View File

@ -1306,12 +1306,15 @@ button.comment_open:hover {
position: absolute;
margin: 0 auto;
text-align: center;
width: 100%;
}
.sun-button img {
width: 50%;
width: 50px;
margin: 50% 0 0 0;
}
img#sun-img-button:hover {
opacity: 0.5;
background:#fff700
}
@media screen and (max-width:1000px) {

19
static/icon/sun.svg Normal file
View File

@ -0,0 +1,19 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="100.000000pt" height="100.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>syui</metadata>
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#fff700" stroke="none">
<circle cx="2500" cy="2500" r="1500" />
</g>
<g transform="scale(3 3) matrix(0.866, -0.5, 0.25, 0.433, 85, 85)" >
<path d="M 0,70 A 65,70 0 0,0 65,0 5,5 0 0,1 75,0 75,70 0 0,1 0,70Z" fill="#fff700" >
<animateTransform attributeName="transform" type="rotate" from="360 0 0" to="0 0 0" dur="1s" repeatCount="indefinite" />
<animate fill="freeze" dur="4000ms" begin="0s" values="#D38EFF;#DD6699;#DDDD00;#008CCF" calMode="linear" attributeName="fill" repeatCount="indefinite" />
</path>
</g>
</svg>

After

Width:  |  Height:  |  Size: 950 B