artem_music

Можно, играясь с бордер-радиусами, но стоит ли? Гораздо проще взять svg.

Можно попробовать псевдоэлементами

ul{
padding-left:20px;
}
li{
position:relative;
}
a:hover:after{
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:green;
}

CSS media-queries наше все. На высоконагруженном проекте с детальной оптимизацией возможно когда нибудь придется отказаться от бутстрапа и сделать все нативно. Опять же, возможно.

Если необходимо переставлять три блока в зависимости от размера экрана, то проще сделать нативно, чем тянуть весь бутстрап, думаю этим и руководствуются компании, когда пишут подобные требования в вакансиях.

У блока не задана высота и ширина

img{float:left;}

Возможно родные стили (как своеобразные инпуты на ios). Попробуйте подключить reset.css или normalize.css - возможно решит проблему.

<div>
<img><img><img><img><img>
</div>
<div>
<img><img><img><img><img>
</div>
<div>
<img><img><img><img><img>
</div>

Как-то так. Размеры бы сделал в vh и vw

1. Паттерн-текстура на фон блока
   
2. Чистым CSS (градиент) + JS (состарить с помощью https://github.com/DanielRapp/Noisy)
   
3. С помощью Canvas генерировать заломы самому, но это для истинных ценителей сложных путей :)
   
4. Ну и проще всего - цельное изображение листа на фон блока.
   

Скорость можно определять через SetInterval (смотреть каждый промежуток времени на сколько изменилось смещение курсора и в зависимости от прошлого значения высчитывать вектор скорости).

А само вращение куба - либо threeJS если нужен "реальный" 3D, либо трансформации в CSS

недавно ломал себе с этим голову и пока никаких решений не нашел. с динамическим фоном пока нереализуемо (только если конечно весь контент не будет фоновым канвасом и его уже частично размывать).

а на статике все просто (прямоугольники при наведении на темном фоне)

в режиме эмуляции мобильника в хроме сначала все ок, потом видимо срабатывает какой-то js скрипт и сайт уменьшается-увеличивается обратно.

Попробовал отключить js - все стало ок. Смотрите в эту сторону, скорее всего какой-то скрипт шалит. Отключайте поочередно и смотрите на каком продолжает скакать.

можно через box-shadow, но тогда надо немного поменять dom-дерево, чтобы полукруги были за квадратом.

или смотрите в сторону filter:drop-shadow.

Можно попробовать через SVG изображения

я бы сделал через SVG изображение

www.bacubacu.com/colresizable - думаю должно помочь.