|
Сообщение от Aetae
|
|
Если бы сказали сразу, что делаем под конкретный браузер
|
Здесь не идёт речь о конкретном браузере(совершенно бессмысленно), а о CSS! Свойства
clip-path и
mask определены в спецификации, которая имеет статус «Кандидат на рекомендацию».
w3.org/TR/css-masking-1
Такая спецификация считается относительно стабильной. Спецификация не может продвинуться дальше с этого этапа без полного набора тестов, отзывов разработчиков и по меньшей мере двух независимых реализации. Согласно
caniuse 87% браузеров уже поддерживают её (не конкретный браузер + спецификация, в браузере Microsoft в процессе разработки
microsoft-edge/platform/status)
|
Сообщение от Aetae
|
|
В ff сердечко не подсвечено и не обведено, в хроме вообще на сердечках какой-то левый градиент.
|
Это зависит от системного шрифта... на разных платформах может несущественно отличаться. Я проверял в последних версиях Chrome, Firefox, Safari, в стандартном браузере Android и там же в Chrome сердечки качественно отображаются одинаково. Также правильно отображается
clip-path и
mask...
Вы можете сравнить, как отображаются данные три символа на разных платформах:
emojipedia.org/heavy-black-heart
emojipedia.org/purple-heart
emojipedia.org/green-heart
Отображение сердечек из Unicode, версия 6.0 в разных браузерах.
chrome.jpg
Илл. 1. В Chome
firefox.jpg
Илл. 2. В Firefox
safari.jpg
Илл. 3. В Safari
2018-08-19-22-18-31.jpg
Илл. 4. На довольно старом устройстве с ОС Android KitKat