Ticket #17665: no-opacity-transform.html

File no-opacity-transform.html, 588 bytes (added by nephele, 2 years ago)

100 opacity transform test

Line 
1<html><head><style>
2#force-layer {
3 opacity: .99; /* when opaque however, everything is fine */
4 background: indigo;
5 color: skyblue;
6 width: 50%;
7 padding: 20% 0;
8 transform: rotate(1deg);
9}
10#force-layer div {
11 background: black;
12 color: white;
13 width: 5vw;
14 height: 5vw;
15 margin: 3px;
16 float:left;
17 transform: rotate(1deg); /* kill "Text-Block" rendering */
18# opacity: .99; /* cut white bricks like #force-layer when rotating */
19}
20body { background-color: #000; }
21</style></head><body>
22 <div id="force-layer">
23 <div>Test-Block</div>
24 Text directly inside
25 </div>
26</body></html>