mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-30 21:55:31 +00:00
443d4364bc
While it seems a little silly since 'perspective' doesn't require atomicity (rather, it adds an additional transformation to any 3-D descendants, which already require atomicity), the spec requires it, and it matches WebKit.
27 lines
506 B
CSS
27 lines
506 B
CSS
.contain, .maybesc {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
.contain, .maybesc {
|
|
position: relative;
|
|
}
|
|
.inner1, .inner3, .intruder {
|
|
position: absolute;
|
|
top: 0; left: 0; bottom: 0; right: 0;
|
|
}
|
|
.inner1 {
|
|
left: 5px; right: 30px;
|
|
background: rgba(0, 255, 255, 0.5); /* aqua */
|
|
z-index: 1;
|
|
}
|
|
.inner3 {
|
|
left: 30px; right: 5px;
|
|
background: rgba(255, 255, 0, 0.5); /* yellow */
|
|
z-index: 3;
|
|
}
|
|
.intruder {
|
|
top: 20px; bottom: 20px;
|
|
background: rgba(255, 0, 255, 0.5); /* fuchsia */
|
|
z-index: 2;
|
|
}
|