Sticker.js - небольшая библиотека JavaScript, которая позволяет создавать красивые эффекты наклеек на веб -страницах. Никакие зависимости (без необходимости jQuery) не могут работать в большинстве основных браузеров, которые поддерживают CSS3. Ниже приведены простые примеры использования, и вы обнаружите больше функций.
Пример использования:
HTML:
Кода -копия выглядит следующим образом:
<!-Dom Elements->
<div> </div>
<div> </div>
CSS:
Кода -копия выглядит следующим образом:
.Sticker {
Ширина: 180px;
Высота: 180px;
}
// Добавить изображение
.example-1 .Sticker-Img {
Справочный Image: URL (Heroes-2.png);
}
// Добавить цвет
.Example-2 .Sticker-Img {
фоновый цвет: #ff4a85;
}
// Изменить непрозрачность Shadow
.Example-2 .Sticker-Shadow {
непрозрачность: 0,6;
}
JavaScript:
Кода -копия выглядит следующим образом:
<!-вызовать наклейку JS->
Sticker.init ('. Sticker');
Скачать онлайн -демонстрацию сейчас