Можно использовать цвет градиента в шаблоне электронной почты [дубликат]
используйте clipPath
svg
<clipPath id="clip">
<polygon class="st1" points="268,81 333,12 457,12 524,68.5 524,206 268,491 10,207 10,66 77.5,12 202,12 "/>
</clipPath>
html
<iframe width="560" height="315" src="https://www.youtube.com/embed/W4PR4vNOxfE" frameborder="0" allowfullscreen></iframe>
css
iframe {
-webkit-clip-path:url(#clip)
}
2 ответа
Короче говоря, нет.
Почтовые клиенты очень редко поддерживают HTML5 или CSS3, и поэтому они будут разбиваться на любые клиенты, которые этого не делают.
У вас всегда может быть резервный , но время загрузки не изменится слишком сильно, и добавление CSS3 просто добавляет больше кода для отслеживания.
Я бы рекомендовал использовать теги изображений и размещать изображения на вашем сервере, и это если вы действительно должны использовать градиенты вообще.
С электронной почтой, как правило, проще, тем лучше. Лично я предпочитаю получать простой текст.
-
1Согласитесь, что он, скорее всего, будет иметь очень ограниченную поддержку, но не будет вреда в его использовании, и вернется к сплошному фоновому цвету в тех, которые не похожи на ваши веб-страницы. В этом смысле он не нарушит электронную почту, он просто не покажет градиент. – Christofer Eliasson 19 December 2012 в 17:50
-
2@Alfo У вас есть какая-то конкретная информация, на которой вы основываете свой ответ? Не могли бы вы указать «очень редко»? – Alph.Dev 30 September 2015 в 08:50
-
3Ответ от 4 лет назад, не обновленный, имеет очень мало значения. – Cyril Duchon-Doris 24 April 2016 в 21:55
FWIW, вот мой ресурс для поддержки CSS в электронной почте: https://www.campaignmonitor.com/css/
У него нет конкретной информации для фоновых градиентов, и поскольку это подпадает под свойство background-image. Моей догадкой было бы то, что между клиентами электронной почты существует несогласованная, если таковая имеется, поддержка, поскольку это довольно функциональная возможность для CSS. Мое единственное колебание в том, что я думаю, что градиент фона рассматривается как background-image, который, кажется, имеет приличную поддержку, кроме Outlook.