mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-05-07 12:17:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Straight rotated aside elements out on hover

Browse source 
I love the rotate effect on aside elements, but it compromises readability, especially on video elements. Here we straight them out on hover with a good looking ease effect.
This commit is contained in:
Maurizio De Santis 2020-05-05 13:01:57 +02:00
parent bd97922b7f
commit 7253768ec0
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/resources/css/v2-landing.css
View file

@ -316,6 +316,13 @@ asciinema-player {
box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
}
.display > * {
transition: transform 0.5s;
}
.display:hover > * {
transform: none;
}
.display.right > * {
transform: rotateY(-25deg);
}
@ -388,4 +395,4 @@ section.gray {
.asides > * {
margin-right: 0;
}
}
}