twbs
/
bootstrap-expo
зеркало из
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Optimize paint performance

This commit is contained in:
Martijn Cuppens 2019-01-02 18:16:30 +01:00
Родитель 9521130b83
Коммит 9dc7ca031a
1 изменённых файлов: 5 добавлений и 9 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

14
_sass/_expo.scss
Просмотреть файл

@ -198,16 +198,15 @@ h1, h2, h3 {
&::after { &::after {
position: absolute; position: absolute;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 640 640'%3E%3Cpath fill='%23fff' d='M640.012 320L385.151 577.448V449.191C223.988 415.801 96.675 452.604-.011 575.193c16.784-252.109 189.002-373.776 385.162-381.831V62.553l254.861 257.448z'/%3E%3C/svg%3E"); content: "";
display: block; display: block;
text-align: center; text-align: center;
top: 50%; top: 0;
left: 0;
right: 0; right: 0;
color: #fff; bottom: 0;
left: 0;
background: rgba(#ffffff, .35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 640 640'%3E%3Cpath fill='%23fff' d='M640.012 320L385.151 577.448V449.191C223.988 415.801 96.675 452.604-.011 575.193c16.784-252.109 189.002-373.776 385.162-381.831V62.553l254.861 257.448z'/%3E%3C/svg%3E") center no-repeat;
opacity: 0; opacity: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .2s linear .05s; -webkit-transition: opacity .2s linear .05s;
transition: opacity .2s linear .05s; transition: opacity .2s linear .05s;
} }
@ -225,9 +224,6 @@ h1, h2, h3 {
-webkit-transition: opacity .2s linear; -webkit-transition: opacity .2s linear;
transition: opacity .2s linear; transition: opacity .2s linear;
} }
&:hover img {
opacity: .65;
}
} }
.entry-content { .entry-content {