Не работает маска изображения -webkit-mask-box-image

27.07.2012, 13:54. Показов 2792. Ответов 0

Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам

Всем привет!

Вот вроде бы простой пример использование маски изображения, но работать не хочет. Есть 2 картинки основная orig.jpg и маска mask.png (та на которой звезда). Но при запуске скрипта маска не срабатывает. Может я не так создаю маску в фотошопе? Народ, подскажите, может кто использовал такой пример!

PHP

<html>
<head>
<style>
.circle-mask {
  -webkit-mask-box-image: url(mask.png);
}
</style>
</head>
<body>
<img src="orig.jpg" alt="trees" class="circle-mask">
</body>
</html>

В результате хотелось бы увидеть основное изображение в звёздочке

Миниатюры

Изображения

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

27.07.2012, 13:54

Ответы с готовыми решениями:

Паяльная маска между падами LQFP, нужна ли она? (mask swell)
Я недавно только заметил, что для микросхем с мелким шагом в герберах нету паяльной маски между...

Webkit-box-shadow на один край
Как указать webkit-box-shadow только на правую сторону...?

box-shadow (-webkit- Chrome & Opera ) Кроссбраузерная Тень
Сегодня заметил что Opera в CSS стала юзать префикс -webkit- , порадовался мальца, но не долго... ...

Почему не работает box-sizing: border-box
Не могу понять почему блоки div выезжают за родительский блок (Opera) и почему надпись "big"...

	27.07.2012, 13:54

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

27.07.2012, 13:54

Помогаю со студенческими работами здесь

.mask странно работает
jQuery(function($) { $('#schet').mask('99999999999999999999'); }); <input type="text"...

Image in message box
как вывести картинку в message box? QMessageBox msgBox; ...

jQuery Input Mask не работает валидация данных
Народ подскажите вот еще что, может слышал про такую библиотеку jQuery Input Mask. Я в jQuery...

Картинка с сайта в image box
Как загрузить картинку с сайта, на прямую в image box. Без сохранения на жесткий диск?

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Наверх