Finesse

На чистом CSS нет, но можно с применением HTML. Смысл трюка: изменение состояния <input type="checkbox" /> и привязка CSS-свойств к этому состоянию. Пример:

<input type="checkbox" id="wrapTrigger" />
<div class="wrap">
  <p>Любой контент</p>
  <label for="wrapTrigger" class="button">Нажми меня</label>
  <p>Любой контент</p>
</div>

<style>
  #wrapTrigger {
    display: none;
  }
  .wrap {
    color: red;
  }
  input:checked + .wrap {
    color: blue;
  }
</style>

В этом примере важно, чтобы блок .wrap располагался сразу после input, иначе не сработает CSS-селектор +. HTML-элемент label переносит эффект клика на указанный чекбокс (связь происходит через значения полей for и id).

Способ 1: абсолютное позиционирование

<div class="block">
    <img class="image">
</div>

.block {
    position: relative;
    overflow: visible;
}
.block .image {
    position: absolute;
    top: -100px;
    right: 200px;
}

Способ 2: отрицательные отступы

<div class="block">
    <img class="image">
</div>

.block {
    overflow: visible;
}
.block .image {
    display: inline-block;
    margin-top: -100px;
    margin-bottom: -100px;
}

В обоих способах адаптивность можно сделать с помощью @media-правил. Например:

.block .image {
    position: absolute;
    width: 300px;
    top: -100px;
    right: 200px;
}
@media (max-width: 800px) {
    .block .image {
        width: 200px;
        top: -50px;
        right: 50px;
    }
}

Если вы изучаете PHP для веб-разработки, то вам в любом случае понадобится знание HTML и базовые знания CSS и JS.

Через <canvas>. Программирование производится с помощью JavaScript. Схема примерно такая:

1. На то место, где должен быть эффект, помещается canvas, который занимает всю площадь места.
   
2. В памяти генерируется набор случайных точек со своим вектором скорости.
   
3. В каждом кадре анимации точки сдвигаются в соответствии в вектором скорости.
   
4. В каждом кадре анимации точки отрисовываются на canvas. Дополнительно проводятся линии между всеми парами точек, между которыми расстояние меньше определённого значения.
   

Есть готовая библиотека для создания таких анимаций.