webkit

CSS Текст со штриховкой или -webkit-mask приходит на помощь

На этой неделе передо мной встала задача по верстке макета, в который дизайнеры заботливо поместили текст со штриховкой. Фрагмент этого макета вы можете видеть на картинке чуть ниже по тексту. Сверстать макет необходимо было под iPad, а это значит, что в достижении поставленной задачи можно использовать всю мощь движка Webkit, который лежит в основе браузера Mobile Safari в iPad.

Текст со штриховкой или -webkit-mask

Беглый осмотр списка всех возможных css-свойств привел к тому, что было найдено свойство -webkit-mask, которое, в итоге, и помогло в этой затруднительной ситуации.

Читать дальше →