From 9dc7ca031afb81f5d3474058995d45077c62bb0e Mon Sep 17 00:00:00 2001 From: Martijn Cuppens Date: Wed, 2 Jan 2019 18:16:30 +0100 Subject: [PATCH] Optimize paint performance --- _sass/_expo.scss | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/_sass/_expo.scss b/_sass/_expo.scss index cd7aa35..ebe1663 100644 --- a/_sass/_expo.scss +++ b/_sass/_expo.scss @@ -198,16 +198,15 @@ h1, h2, h3 { &::after { 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; text-align: center; - top: 50%; - left: 0; + top: 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; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -webkit-transition: opacity .2s linear .05s; transition: opacity .2s linear .05s; } @@ -225,9 +224,6 @@ h1, h2, h3 { -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } - &:hover img { - opacity: .65; - } } .entry-content {