Favicon is working, Animations, some adjustments for iPhone 5s

This commit is contained in:
Marcel Petráň 2019-04-24 12:09:03 +02:00
parent ada129b993
commit 494a5cceb3
5 changed files with 33 additions and 7 deletions

View file

@ -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}
}