mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Add a reftest for bug 1281593. r=mstange 

--HG--
extra : rebase_source : fdee487361791909085f576f2bf422ca7b6fe4ee
This commit is contained in:
David Anderson 2016-08-02 11:43:16 -07:00
Родитель 200c842944
Коммит ceb53d0f42
3 изменённых файлов: 82 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

40
layout/reftests/css-blending/bug1281593-ref.html Normal file
Просмотреть файл

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>Transform and Blend Mode</title>
<style>
body {
background: cornflowerblue;
}
.box-blend-mode {
width: 64px;
height: 64px;
margin-bottom: 1em;
background-color: hsla(0,0%,0%,.25);
mix-blend-mode: multiply;
}
.box-blend-mode-inner {
width: 48px;
height: 48px;
background-image: url("../backgrounds/transparent-32x32.png");
background-position: center center;
background-repeat: no-repeat;
mix-blend-mode: multiply;
}
.box-blend-mode-inner.transformed {
transform: rotate(45deg);
}
</style>
</head>
<body>
<div class="box-blend-mode">
<div class="box-blend-mode-inner"></div>
</div>
<div class="box-blend-mode">
<div class="box-blend-mode-inner"></div>
</div>
</body>
</html>

40
layout/reftests/css-blending/bug1281593.html Normal file
Просмотреть файл

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>Transform and Blend Mode</title>
<style>
body {
background: cornflowerblue;
}
.box-blend-mode {
width: 64px;
height: 64px;
margin-bottom: 1em;
background-color: hsla(0,0%,0%,.25);
mix-blend-mode: multiply;
}
.box-blend-mode-inner {
width: 48px;
height: 48px;
background-image: url("../backgrounds/transparent-32x32.png");
background-position: center center;
background-repeat: no-repeat;
mix-blend-mode: multiply;
}
.box-blend-mode-inner.transformed {
transform: rotate(45deg);
}
</style>
</head>
<body>
<div class="box-blend-mode">
<div class="box-blend-mode-inner"></div>
</div>
<div class="box-blend-mode">
<div class="box-blend-mode-inner transformed"></div>
</div>
</body>
</html>

2
layout/reftests/css-blending/reftest.list
Просмотреть файл

@ -96,3 +96,5 @@ fuzzy(1,40000) pref(layout.css.background-blend-mode.enabled,true) == mix-blend-
# Test plan 4.4.2 element with isolation:isolate creates an isolated group for blended children
pref(layout.css.isolation.enabled,true) == blend-isolation.html blend-isolation-ref.html
pref(layout.css.background-blend-mode.enabled,true) == bug1281593.html bug1281593-ref.html