스플레시 - 수정

This commit is contained in:
khk 2019-11-25 15:44:08 +09:00
parent 4e47dd6855
commit 6a812a2240
2 changed files with 22 additions and 20 deletions

View File

@ -1,43 +1,45 @@
body{
margin:0;
padding:0;
width: 100%;
height: 100%;
}
.wrapper-splash {
width: 100%;
height:100%;
height: 100%;
background-size: cover;
height: 100%;
background: #eaeff1;
background: linear-gradient(to top, #93a3af, #eaeff1);
margin:0;
padding:0;
margin: 0;
padding: 0;
}
svg {
.svg-img {
position: absolute;
width: 240px;
height: 120px;
top: 0; right: 0;
bottom: 0; left: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.credit {
position: absolute;
bottom: 50px;
width: 100%;
font-weight: 500;
text-align: center;
}
.credit {
color: #ffffff;
font: 800 100% "Open Sans", sans-serif;
text-transform: uppercase;
text-decoration: none;
}
#plug,
#socket { fill:#ffffff }
#socket {
fill: #ffffff;
}
#loop-normal { fill: none; stroke: #ffffff; stroke-width: 12 }
#loop-offset { display: none }
#loop-normal {
fill: none;
stroke: #ffffff;
stroke-width: 12;
}
#loop-offset {
display: none;
}

View File

@ -13,7 +13,7 @@
<app-root></app-root>
<div class="wrapper-splash">
<svg version="1.1" id="preloader" x="0px" y="0px" width="240px" height="120px" viewBox="0 0 240 120">
<svg version="1.1" id="preloader" x="0px" y="0px" width="240px" height="120px" viewBox="0 0 240 120" class="svg-img">
<path id="loop-normal" class="st1" d="M120.5,60.5L146.48,87.02c14.64,14.64,38.39,14.65,53.03,0s14.64-38.39,0-53.03s-38.39-14.65-53.03,0L120.5,60.5
L94.52,87.02c-14.64,14.64-38.39,14.64-53.03,0c-14.64-14.64-14.64-38.39,0-53.03c14.65-14.64,38.39-14.65,53.03,0z">
<animate attributeName="stroke-dasharray" attributeType="XML" from="500, 50" to="450 50" begin="0s" dur="2s"