Menu
Coddy logo textTech

Класс card

Урок 11 из 17 курса Аккордеон изображений | Front-end проект на Coddy.

challenge icon

Задание

Легко

Выберите класс ‘card’:

  1. Установите ширину (width) на 130 пикселей. 
  2. Установите background-size на cover
  3. Установите cursor на pointer
  4. Установите overflow на hidden.
  5. Установите радиус границы (border-radius) на 25 пикселей. 
  6. Установите внешние отступы (margin) на 0 сверху и снизу и на 10 пикселей слева и справа
  7. Добавьте эти свойства transition и box-shadow в конце:

    transition: .6s cubic-bezier(.28,-0.03,0,.99); box-shadow: 0px 10px 30px -5px rgba(82, 9, 9, 0.8);

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

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

Все уроки раздела Аккордеон изображений | Front-end проект