ReActor Дмитрий Вершанский

Приветствую!

А что особенного в этих "тенях"?

.btn {
    box-shadow: 0 15px 25px rgba(0,0,0,.5);
}

Здравствуйте!

"Вырывайте" соседние элементы из "нормального потока", средствами css. Иными словами преобразуйте статичное позиционирование в абсолютное. Это один из вариантов...

Приветствую!

Накопление, стилизация и позиционирование элементов при вёрстки, должно происходить таким образом, при котором, визуальный результат одинаково логичен и порядочен в большом диапазоне разрешений ( от 320px до 4096px ). Этот интервал захватывает весь перечень различных устройств, предназначенных, в том числе для просмотра интернет-страниц. Не нужно забывать о SmartTV, иными словами 4K-панелями, с которых сёрфингом по интернету занимаются так же часто , как это происходило исключительно со стационарных ПК, в свое время...

Для вёрстки должным образом, используйте медиа-запросы, в совокупности с сеткой (bootstrap, grid).

Для перехода от абсолютного и/или относительного позиционирования, используйте статическое позиционирование - position: static;

body {
   overflow-x: hidden;
}

Дополню ответ от DarkRou. Кроме perspective в связке с rotate, в данном случае необходимо использовать еще и свойство искажения геометрии объекта - transform: skew;

Приветствую!
Воспользуйтесь маркированным списком ul > li в котором кастомизируйте дефолтные маркеры (circle) - на свои, через псевдоэлемент ::before или фантомный span, к примеру.

Для этой цели существует тег
<mark>

media-queries

Не знаю как сейчас, но однажды работал этот псевдоэлемент:

.search::-ms-clear {
  width : 0;
  height: 0;
}

Из всего текста-обращения, понятна только фраза: "Всем привет"