Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 153: | Line 153: | ||
display: block; | display: block; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
| + | background-color: transparent; | ||
| + | perspective: 1000px; | ||
} | } | ||
.snippet .snippet-inner { | .snippet .snippet-inner { | ||
| + | position: relative; | ||
| + | width: 100%; | ||
height: 100%; | height: 100%; | ||
display: flex; | display: flex; | ||
| Line 161: | Line 165: | ||
border: 2px solid; | border: 2px solid; | ||
border-radius: 5px; | border-radius: 5px; | ||
| + | transition: transform 0.8s; | ||
| + | transform-style: preserve-3d; | ||
| + | } | ||
| + | .snippet:hover .snippet-inner { | ||
| + | transform: rotateY(180deg); | ||
| + | } | ||
| + | .snippet-header, .snippet-body { | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | -webkit-backface-visibility: hidden; /* Safari */ | ||
| + | backface-visibility: hidden; | ||
| + | } | ||
| + | .snippet-body { | ||
| + | transform: rotateY(180deg); | ||
} | } | ||
| − | .snippet-header { | + | /* .snippet-header { |
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| Line 176: | Line 195: | ||
padding: 1em; | padding: 1em; | ||
transition: all 250ms; | transition: all 250ms; | ||
| − | } | + | } */ |
.snippet.TL { color: var(--links-blue); } | .snippet.TL { color: var(--links-blue); } | ||
Revision as of 16:47, 28 November 2023
Second version of the LINKS Community Center homepage.
Do not modify!