КодВеб | Дизайн База

Card Hover Карточка с эффектом при наведении. Реализована с помощью SCSS и SVG. Исходники | @codepenru | #cards #html #css

Add to cart Кнопки "Добавить в корзину" с эффектом небольшого затемнения при наведении. Реализованы с помощью SCSS, SVG и JavaScript. Исходники | @codepenru | #elements #html #css #js

Cute skeuomorphic checkboxes Cтилизованный чекбокс с небольшими анимациями нажатия. Реализован с помощью SCSS. Исходники | @codepenru | #elements #html #scss

Wassup, немного грустная история от меня. Марина И. из Перми поймала сазана на 14 кг, но в момент когда она собирала удочки к ней подъехал рыбназорд. Далее был длинный диалог, но по итогу ей выписали штраф на 5к. Это конечно грустно.... Но эти парни точно знаю в том как поймать "крупную" рыбу без проблем с законом. Cake Money самые лучшие снасти для ловли бабла 💶

Expanding Button Анимированная кнопка с различными ссылками на медиа. Реализована с помощью SCSS, Pug и JavaScript. Исходники | @codepenru | #elements #html #css

Vertical menu with gooey effect on hover Вертикальное меню с липким эффектом наведения на вкладки. Исходники | @codepenru | #menu #html #css #js

Хочешь создавать уникальные современные сайты, но разработка занимает много времени? Front Helper решит эту проблему. Здесь ты найдешь огромное количество готовых решений, которые можно легко скопировать к себе в проект! Подпишись и ускорь свою работу в разы!

Card Hover Interaction Карточки с всплывающей информацией при наведении. Реализованы с помощью CSS. Исходники | @codepenru | #cards #html #css

🌐Знаешь что такое SEO, занимаешься продвижением сайтов, оптимизацией и занятием топовых позиций в SERP?➖ Тогда обязательно загляни в канал Rotgar | SEO 🚩 Только актуальные статьи от автора канала, с кейсами, без воды и копипасты. Присоединяйся! ➡️ @rotgarseo

Scroll direction rotation Галерея с эффектом наклона при скролле. Реализована с помощью SCSS и JavaScript. Исходники | @codepenru | #html #css #js

😒 Хей, устал от кучи однотипных и бесполезных каналов? Не волнуйся! Они больше тебе не нужны! 🚀 FRONTEND CLUB! Тут мы собираем лучшие советы и новости из мира frontend–разработки, показываем фичи и хаки, которые ускорят твое обучение. Трать 3 минуты в день на отборный контент и совершенствуйся. Подписывайся, ссылка активна 24 часа.

Responsive, Glittery Bank Card Aнимированная банковская карточка с "блестками". Реализована с помощью SCSS и SVG. Исходники | @codepenru | #html #css

Совет фронтендерам: уважайте свое время Первый шаг — не изобретать велосипед. В Html Gram собраны готовые codepen решения на каждый день. От эффектов при наведении до 3D анимации. Быстрее пишешь код — больше отдыхаешь. Подписывайся: @HtmlGram

Iconic Tab Bar - Pure CSS Анимированная панель навигации с подсвеченными иконками. Реализована с помощью CSS. Исходники | @codepenru | #tabs #html #css

Accordion Стильная реализация FAQ. 🟢С первым днем лета, дорогие подписчики! Исходники | @codepenru | #html #css

Latest transactions Список последних транзакций. Исходники | @codepenru | #html #scss

Checkbox group styled as tiles Кнопки выбора. Исходники | @codepenru | #html #scss

Modal with scroll and faded text Окно пользовательского соглашения. Исходники | @codepenru | #html #scss

Pricing section component Виджет коммерческих услуг. Исходники | @codepenru | #html #scss

Stepper Список задач. Исходники | @codepenru | #html #scss