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

[baltun]

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

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

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

/* ============================================
   Реалистичный разрыв виджета v3
   ============================================ */

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

/* ============================================
   Трещина и её элементы
   ============================================ */

/* Контейнер трещины */
.crack-line-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none...

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

 

[alex54]

и куда эти коды пихать ?, все блоки рвет или выборочно, где указывается ?

 

[baltun]

Рвет только тот виджет, что показан на картинке, но если исправить это поле selector: '[data-widget-key="forum_overview_members_online"]', на свой ключ виджета тогда указанный виджет должен рвать, код CSS добавляется в EXTRA.LESS, а код js можно добавить в шаблон PAGE_CONTAINER все должно работать, с другими виджетам не экспериментировал скажу честно.