Иконки — I

Урок 13 из 23 курса Слайдер | Front-end проект на Coddy.

Задание

Легко

Выберите селектор .wrapper i (иконки):

1. Установите position в значение absolute.

2. Установите top в значение 50%.

3. Установите height и width в 50 пикселей.

4. Установите цвет фона на ваш выбор.

5. Установите радиус границы (border radius) в значение 50%.

6. Установите тень блока (box shadow) по вашему выбору.

7. Установите transform в значение translateY(-50%)

8. Установите cursor в значение pointer

9. Установите размер шрифта на ваш выбор (это изменит размер иконки).

10. Выровняйте текст по центру (центрирование по горизонтали).

11. Установите line-height в значение 50px (центрирование по вертикали).

12. Установите переход (transition) в значение transform 0.1s linear

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Иконки — I

Все уроки раздела Слайдер | Front-end проект