mirror of
https://github.com/swc-project/swc.git
synced 2024-12-22 21:21:31 +03:00
46 lines
2.3 KiB
CSS
46 lines
2.3 KiB
CSS
|
a {
|
||
|
|
background-image: -webkit-cross-fade(url(foo.png), url(bar.png), 0.2);
|
||
|
|
background-image: cross-fade(20% url(foo.png), url(bar.png));
|
||
|
|
}
|
||
|
|
b {
|
||
|
|
background-image: -webkit-cross-fade(url(foo.png), url(bar.png), 0.5);
|
||
|
|
background-image: cross-fade(url(foo.png), url(bar.png));
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
background-image: -webkit-cross-fade(url(foo.png), url(bar.png), 0.10823);
|
||
|
|
background-image: cross-fade(10.823% url(foo.png), url(bar.png));
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
background-image: -webkit-cross-fade(url(foo.png), url(bar.png), 0.59);
|
||
|
|
background-image: cross-fade(0.59 url(foo.png), url(bar.png));
|
||
|
|
}
|
||
|
|
h3 {
|
||
|
|
background-image: -webkit-cross-fade(url(foo.png), url(bar.png), 0.59);
|
||
|
|
background-image: cross-fade(.59 url(foo.png), url(bar.png));
|
||
|
|
}
|
||
|
|
.foo {
|
||
|
|
background-image: -webkit-cross-fade(-webkit-linear-gradient(white, black), -webkit-radial-gradient(circle closest-corner, white, black), 0.59);
|
||
|
|
background-image: cross-fade(.59 -moz-linear-gradient(white, black), -moz-radial-gradient(circle closest-corner, white, black));
|
||
|
|
background-image: cross-fade(.59 -o-linear-gradient(white, black), -o-radial-gradient(circle closest-corner, white, black));
|
||
|
|
background-image: cross-fade(.59 linear-gradient(white, black), radial-gradient(circle closest-corner, white, black));
|
||
|
|
}
|
||
|
|
.class {
|
||
|
|
background-image: -webkit-cross-fade(url(white.png), url(black.png), 0);
|
||
|
|
background-image: cross-fade(url(white.png) 0%, url(black.png) 100%);
|
||
|
|
background-image: -webkit-cross-fade(url(white.png), url(black.png), 0.25);
|
||
|
|
background-image: cross-fade(url(white.png) 25%, url(black.png) 75%);
|
||
|
|
background-image: -webkit-cross-fade(url(white.png), url(black.png), 0.5);
|
||
|
|
background-image: cross-fade(url(white.png) 50%, url(black.png) 50%);
|
||
|
|
background-image: -webkit-cross-fade(url(white.png), url(black.png), 0.75);
|
||
|
|
background-image: cross-fade(url(white.png) 75%, url(black.png) 25%);
|
||
|
|
background-image: -webkit-cross-fade(url(white.png), url(black.png), 1);
|
||
|
|
background-image: cross-fade(url(white.png) 100%, url(black.png) 0%);
|
||
|
|
background-image: cross-fade(url(green.png) 75%, url(red.png) 75%);
|
||
|
|
background-image: -webkit-cross-fade(url(white.png), url(black.png), 0.25);
|
||
|
|
background-image: cross-fade(url(white.png), url(black.png) 75%);
|
||
|
|
background-image: cross-fade(url(red.png) 33.33%, url(yellow.png) 33.33%, url(blue.png) 33.33%);
|
||
|
|
}
|
||
|
|
.broken {
|
||
|
|
background-image: cross-fade(url(red.png) 33.33%);
|
||
|
|
}
|