Favicon is working, Animations, some adjustments for iPhone 5s
This commit is contained in:
parent
ada129b993
commit
494a5cceb3
5 changed files with 33 additions and 7 deletions
|
@ -43,7 +43,7 @@ p.article{
|
|||
font-size: 2.5em;
|
||||
}
|
||||
section.home {
|
||||
min-height: 100vh;
|
||||
min-height: calc(100vh - 14.3em); /* iPhone Safari */
|
||||
background-image: url('../img/logo.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
@ -52,8 +52,9 @@ section.home {
|
|||
img.arrow-down{
|
||||
width: 3.5em;
|
||||
position: absolute;
|
||||
top: calc(100vh - 4em);
|
||||
top: calc(100vh - 18em);
|
||||
left: calc(50% - 1.75em);
|
||||
animation: arrow 3s infinite;
|
||||
}
|
||||
section h1{
|
||||
text-align: center;
|
||||
|
@ -358,3 +359,14 @@ div.-right{
|
|||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes arrow {
|
||||
0% {opacity: .2}
|
||||
50% {opacity: .8}
|
||||
100% {opacity: .2}
|
||||
}
|
||||
|
||||
@-webkit-keyframes arrow { /*Safari and Chrome*/
|
||||
0% {opacity: .2}
|
||||
50% {opacity: .8}
|
||||
100% {opacity: .2}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue