akogch's public fiddles
-
06qchj5p
http://htmlbook.ru/practical/obratnaya-svyaz
-
box-sizing: border-box
Внешний блок с заданной шириной для внутреннего играет роль box-sizing: border-box
-
0k2cv3L8
No-Library (pure JS), HTML, CSS, JavaScript
-
jhnLmteb
No-Library (pure JS), HTML, CSS, JavaScript
-
u543op20
No-Library (pure JS), HTML, CSS, JavaScript
-
Список описаний
https://webref.ru/html/dt
-
24xo68tf
No-Library (pure JS), HTML, CSS, JavaScript
-
Types of Coffee
Pure CSS
-
Стиль для текста
Заголовок стилизован с text-shadow
-
Animation
Отрисованная на чистом css красивая анимация с многочисленными объектами
-
Анимация поля ввода
NAME уходит вверх, на его место подставляется курсор определяющий готовность к вводу данных
-
называется по разному - radial progress, ring, progress, cyrcle progress, просто гуглите это название с добавкой "css", найдете много материала.
SVG circular progress: CSS animated & Angle gradient
-
Анимация при наведении
При наведении на кнопочку в виде плюса появляется картинка.
-
Адаптивная таблица на чистом css !
Настоящая адаптивная таблица, сделана на чистом css
-
:hover
Всплывающая подсказка при наведении на ссылку – https://webref.ru/layout/pseudo-class-hover/tooltip
-
Увеличение изображения при наведении на картинку
https://webref.ru/recipe/2302
-
Сплошные строки по сторонам содержимого3
Это 2 способа лучше и простые, особенно второй
-
Сплошные строки по сторонам содержимого
No-Library (pure JS), HTML, CSS, JavaScript
-
Линия с эффектом градиента по обе стороны содержимого
No-Library (pure JS), HTML, CSS, JavaScript
-
Сплошная строка по обе стороны содержимого
No-Library (pure JS), HTML, CSS, JavaScript