"
Team:UCLA/Template/CSS test
From 2014.igem.org
(Difference between revisions)
Samichaels (Talk | contribs) |
Samichaels (Talk | contribs) |
||
| Line 516: | Line 516: | ||
.inset { | .inset { | ||
padding: 20px; | padding: 20px; | ||
| + | } | ||
| + | |||
| + | <!--BLURB BOXES--> | ||
| + | .pageOption { | ||
| + | overflow: hidden; | ||
| + | position: relative; | ||
| + | width: 40em; height: 27em; | ||
| + | } | ||
| + | .option, .option img { width: 100%; height: 100%; } | ||
| + | .option { | ||
| + | overflow: hidden; | ||
| + | position: absolute; | ||
| + | transform: skewX(-55.98deg); | ||
| + | } | ||
| + | .option:first-child { | ||
| + | left: -.25em; | ||
| + | transform-origin: 100% 0; | ||
| + | } | ||
| + | .option:last-child { | ||
| + | right: -.25em; | ||
| + | transform-origin: 0 100%; | ||
| + | } | ||
| + | .option img { | ||
| + | transform: skewX(55.98deg); | ||
| + | transform-origin: inherit; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 21:54, 11 August 2014
