diff --git a/01.jpg b/01.jpg new file mode 100644 index 0000000..1bc460c Binary files /dev/null and b/01.jpg differ diff --git a/02.jpg b/02.jpg new file mode 100644 index 0000000..833edd4 Binary files /dev/null and b/02.jpg differ diff --git a/03.jpg b/03.jpg new file mode 100644 index 0000000..2dd8853 Binary files /dev/null and b/03.jpg differ diff --git a/04.jpg b/04.jpg new file mode 100644 index 0000000..50aa72b Binary files /dev/null and b/04.jpg differ diff --git a/05.jpg b/05.jpg new file mode 100644 index 0000000..b72c3e6 Binary files /dev/null and b/05.jpg differ diff --git a/06.jpg b/06.jpg new file mode 100644 index 0000000..1e764ed Binary files /dev/null and b/06.jpg differ diff --git a/07.jpg b/07.jpg new file mode 100644 index 0000000..70cddc9 Binary files /dev/null and b/07.jpg differ diff --git a/08.jpg b/08.jpg new file mode 100644 index 0000000..33db171 Binary files /dev/null and b/08.jpg differ diff --git a/09.jpg b/09.jpg new file mode 100644 index 0000000..bfbcbbe Binary files /dev/null and b/09.jpg differ diff --git a/10.jpg b/10.jpg new file mode 100644 index 0000000..b2085e5 Binary files /dev/null and b/10.jpg differ diff --git a/index.css b/index.css index e69de29..c8d6ea8 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,102 @@ +p +{ + margin: 3px; +} + +h2 +{ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +h2:hover +{ + color: red; + transform: scale(.98); + transition: .5s all; +} + +p:hover +{ + color: orange; + transform: scale(1.01); + transition: .5s all; +} + +.goriz, +.full +{ + display: none; +} + +.vert, +.goriz +{ + font-size: 200%; + margin-left: 20px; +} + +input +{ + display: none; +} + +input:checked + label > .goriz +{ + display: block; +} + +input:checked + label > .vert +{ + display: none; +} + +input:checked + label ~ div.card > div.sample +{ + display: none; +} + +input:checked + label ~ div.card > div.full +{ + display: block; +} + +input:checked + label ~ div.card +{ + max-width: 600px; +} + +.card +{ + display: inline-block; + max-width: 300px; + margin: 20px; + border: double 3px black; + border-radius: 5%; +} + +img +{ + -webkit-transition: -webkit-transform .8s ease-in-out; + transition: transform .8s ease-in-out; + width: 100%; + height: 100%; + border-radius: 10%; + margin-top: 10px; +} + +img:hover +{ + -webkit-transform: rotate(360deg); + transform: rotate(360deg); +} + +.card:hover +{ + transform: scale(1.05); + box-shadow: 0 0 10px rgba(0, 0, 0, .5); + transition: .5s all; + z-index: 1000; + background: #98b6f0; +} diff --git a/index.html b/index.html index e0daf3e..c8ee508 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,165 @@ + Задача «Про котиков» + + +
+ cat +

Бенгальский чёрт под кроватью

+
+

Возраст: 2 месяца

+

Болезни: нет

+

Порода: бенгалький котэ


+

Статус: ищет хозяина

+
+
+

Возраст: 65 дней

+

Игривый

+

Много ест. По ночам орёт на весь дом. В туалет ходит туда, где захочется.

+
+
+
+ cat +

Фараон

+
+

Возраст: 5 лет

+

Болезни: нет

+

Порода: сфинкс


+

Статус: ищет хозяина

+
+
+

Возраст: чуть меньше 5ти лет

+

Надёжный, величественный

+

Любит финики. Сидит вегда в подъезде у входа в квартиру. + Никого не пускает внутрь, даже хозяев.

+
+
+
+ cat +

Чаёвник

+
+

Возраст: 2 года

+

Болезни: нет

+

Порода: британский котэ


+

Статус: ищет хозяина

+
+
+

Возраст: 660 дней

+

Мстительный

+

В послеобеденной время требует чашечку чая. + Если не дать, то обязательно напрудит в ботинок.

+
+
+
+ cat +

Персик

+
+

Возраст: 3 месяца

+

Болезни: нет

+

Порода: персидский котэ


+

Статус: ищет хозяина

+
+
+

Возраст: 140 дней

+

Любвиобильный

+

Весной собирает гарем из кошечек и не только. + До самой осени вам предстоит заботится о 20+ животных.

+
+
+
+ cat +

Одноглазый Джо

+
+

Возраст: 3 года

+

Болезни: нет

+

Порода: мейн


+

Статус: ищет хозяина

+
+
+

Возраст: 654 дня

+

Боевой

+

По ночам выходит на охоту. Его присутствие подавляет даже крупных хищников.

+
+
+
+ cat +

Хот-Дог

+
+

Возраст: 5 месяцев

+

Болезни: нет

+

Порода: манкача


+

Статус: ищет хозяина

+
+
+

Возраст: почти полгода

+

Ленивый

+

Ничего не делает. Только ест и спит. Спит по 22 часа в день.

+
+
+
+ cat +

Бора-бора

+
+

Возраст: 2 месяца

+

Болезни: нет

+

Порода: нет


+

Статус: ищет хозяина

+
+
+

Возраст: 65 дней

+

Ручной, покладистый

+

Требует много внимания. + Играть может с кем угодно: детьми, взрослыми, другой животинкой.

+
+
+
+ cat +

Мохнатый снежок

+
+

Возраст: 2 месяца

+

Болезни: нет

+

Порода: рэгдолл


+

Статус: ищет хозяина

+
+
+

Возраст: 65 дней

+

Пушистый, упругий, спокойный

+

Можно использовать в качестве подушки.

+
+
+
+ cat +

Котэ-несси

+
+

Возраст: 2 месяца

+

Болезни: нет

+

Порода: шотландский котэ


+

Статус: ищет хозяина

+
+
+

Возраст: 65 дней

+

Скромный

+

Хорошо прячется. Скорее всего вы не заметите его существования.

+
+
+
+ cat +

Борис

+
+

Возраст: 2 месяца

+

Болезни: нет

+

Порода: сиамский котэ


+

Статус: ищет хозяина

+
+
+

Возраст: 65 дней

+

Умный

+

Можно использовать в качестве подушки.

+
+
- +