ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

스플레시 - 수정

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
projects/ucap-webmessenger-app/src/assets/scss/partials/splash.css
View File

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

2
projects/ucap-webmessenger-app/src/index.html
View File

@ -13,7 +13,7 @@
<app-root></app-root> <app-root></app-root>
<div class="wrapper-splash"> <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 <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"> 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" <animate attributeName="stroke-dasharray" attributeType="XML" from="500, 50" to="450 50" begin="0s" dur="2s"