mirror of
https://github.com/swc-project/swc.git
synced 2024-12-22 05:01:42 +03:00
39 lines
1.3 KiB
CSS
39 lines
1.3 KiB
CSS
a {
|
|
background-image: cross-fade(20% url(foo.png), url(bar.png));
|
|
}
|
|
|
|
b {
|
|
background-image: cross-fade(url(foo.png), url(bar.png));
|
|
}
|
|
|
|
h1 {
|
|
background-image: cross-fade(10.823% url(foo.png), url(bar.png));
|
|
}
|
|
|
|
h2 {
|
|
background-image: cross-fade(0.59 url(foo.png), url(bar.png));
|
|
}
|
|
|
|
h3 {
|
|
background-image: cross-fade(.59 url(foo.png), url(bar.png));
|
|
}
|
|
|
|
.foo {
|
|
background-image: cross-fade(.59 linear-gradient(white, black), radial-gradient(circle closest-corner, white, black));
|
|
}
|
|
|
|
.class {
|
|
background-image: cross-fade( url(white.png) 0%, url(black.png) 100%); /* fully black */
|
|
background-image: cross-fade( url(white.png) 25%, url(black.png) 75%); /* 25% white, 75% black */
|
|
background-image: cross-fade( url(white.png) 50%, url(black.png) 50%); /* 50% white, 50% black */
|
|
background-image: cross-fade( url(white.png) 75%, url(black.png) 25%); /* 75% white, 25% black */
|
|
background-image: cross-fade( url(white.png) 100%, url(black.png) 0%); /* fully white */
|
|
background-image: cross-fade( url(green.png) 75%, url(red.png) 75%); /* both green and red at 75% */
|
|
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%);
|
|
}
|