스플레시 - 수정
This commit is contained in:
parent
4e47dd6855
commit
6a812a2240
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in New Issue
Block a user