Экспериментальная реализация разрыва блока виджета на много кусочков

[baltun]

baltun разместил(а) новый ресурс:

Экспериментальная реализация разрыва блока виджета на много кусочков - Экспериментальная реализация разрыва блока виджета на много кусочков.

Пишем наш стиль:

/* ============================================
   Разбивание виджета на осколки (без линий)
   ============================================ */

.widget-crack-effect {
    position: relative;
}

/* Осколки */
.shards-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 50;
    opacity: 0;
}

.widget-crack-effect.shattered .shards-container {
    opacity: 1;
}

.glass-shard {...

Посмотреть страницу этого ресурса...