diff options
author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2019-01-02 20:16:30 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@intracto.com> | 2019-01-02 20:16:30 +0300 |
commit | 9dc7ca031afb81f5d3474058995d45077c62bb0e (patch) | |
tree | f2d90131bec9075e784192bd32d17b3c958d6037 | |
parent | 9521130b831a3a3ae0bb5a33368959548524eb97 (diff) |
Optimize paint performance
-rw-r--r-- | _sass/_expo.scss | 14 |
1 files 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 { |