hover effects for pictures

This commit is contained in:
lukas-heiligenbrunner 2020-03-18 10:33:03 +01:00
parent f8d599de22
commit db82a27632
2 changed files with 15 additions and 0 deletions

View File

@ -18,9 +18,18 @@
float: right; float: right;
margin-top: 10%; margin-top: 10%;
box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px -15px; box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px -15px;
transition: box-shadow 500ms;
height: 100%; height: 100%;
} }
/* screen larger than 600px -- desktop */
@media screen and (min-width: 1201px) {
#aboutPic:hover {
box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px 0px;
transition: all 500ms;
}
}
/* special design for Screen smaller than 600px -- mobile */ /* special design for Screen smaller than 600px -- mobile */
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {

View File

@ -42,6 +42,12 @@
#meaningFullSentence { #meaningFullSentence {
width: 40%; width: 40%;
} }
/* todo maybe a bit weird?? */
#homepicture:hover {
box-shadow: rgba(2, 12, 27, 0.7) 0px 10px 30px 0px;
transition: all 500ms;
}
} }
/* Screen smaller than 600px -- mobile */ /* Screen smaller than 600px -- mobile */