AngReload

caniuse.com/#search=clip-path
https://css-tricks.com/clipping-masking-css/

Видел костыли такие:
https://msdn.microsoft.com/ru-ru/library/ie/ms5307...
Но я такое еще не умею.

Стандартное свойство от браузера?

Усли очень хочется на CSS, то вот так:
HTML
<li class='user-image' name="vasya_pupkin"></li>

CSS

.user-image
{
    content: attr(name);
    background-image: url('/photos/'attr(name)'.png');
}

Но это эпическое зло.

Лучше уж так:
HTML

<li style="background: url(/photos/vasya_pupkin.png);">vasya_pupkin</li>

В настройках браузера шрифт настраивается.

Я прошел HtmlAcademy, и после этого у меня отпало всякое желание связываться подобными обучайками.
Неудобный редактор кода, задания типа сверстай котиков из мозайки пиксель-в-пиксель пользуясь только css-свойствами top и left, плюс невероятный по глючности IE 6 на сервере для сравнения результата.
Ничего нового подчерпнуть не удалось, но зато какая-никакая практика.

Недавно был такой же вопрос
Можно ли на Css сделать такой эффект?

Селектора по родителю нет в css. Поэтому изменить свойство элемента расположенного выше элемента на который происходит наведение можно только с javascript

.avia-testimonial-wrapper:nth-of-type(3) .testimonials{
    	font-size: 53px !important;
    	color: lightgray;
}

Собственно, nth-of-type вы применяете неправильно, он не будет работать для вложенных тегов, а p.testimonials вложен в кучу дивов.

Тьфу. Плохо объясняю. Вот короче структура сайта, красным куда ставите псевдокласс вы, а зеленом где оно должно быть:

Параллакс — эффект изменения положения объекта относительно фона.
Слайдер — элемент интерфейса, сменяющий слайды по времени или клику.

Как они стыкуются в вашем вопросе, что параллакс становится прилагательным?
Лучше перефразируйте.

Обычно пользуются таким "хаком":
Родителю дают релатив, детю абсолют и потом его двигают относительно родителя.

На этой картинке я вижу только позитион: фиксед для заголовка и статусбара веб-приложения.

Все остальное обычно, например сетка с обложками(книг?) на инлайн-блоках.

body.test{display: inline}
;-]

Всем трем сразу?
Надо только одному... остальным 100%.