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

👨‍💻 Tabbar animation Вкладки с анимацией капли. Реализовано без JavaScript. Исходники | @codewebx | #codepen

❔ Как увеличить или уменьшить размер элемента? Метод scale() увеличивает или уменьшает размер элемента (в соответствии с заданными параметрами ширины и высоты). Может принимать один или два параметра, перечисляемых через запятую. Если параметров два — первый параметр задает масштабирование по горизонтали, а второй - по вертикали. Если параметр один то он задает масштабирование по горизонтали и вертикали одновременно. Пример:

:hover {
  transform: scale(1.5, 1.7);
  transition: 0.7s;
  cursor: pointer;
}

@codewebx | #tutorial

👩‍💻 Tweakful Стильный макет сайта бронирования конференц-зала. 🟠 Сложность: Средняя 🟠 Адаптивность: Нет Исходники | @codewebx | #figma

🔔 Добро пожаловать в КодВеб Мы решили не ограничиваться одними сниппетами с codepen.io и расширяем наш канал! Теперь, здесь публикуются только самые интересные сниппеты с codepen.io, стильные макеты Figma, опросы, туториалы и прочее. Новый контент начинается с завтрашнего дня! Поддержи нас 👍 @codewebx

🤬 ОХ&^$ЛИ СОВСЕМ? В Германии, после жалобы ЕСПЧ, задержали авторов бота Midjourney, который делает эту нейросеть полностью бесплатной. 👨🏼‍💻В середине сентября с серверов Midjourney были выкачаны 1.27TБ модели и датасэтов оригинальной нейросети! На основе выкачанных данных мы запустили собственного бота, который продолжает работу! ✅ Легендарный бот в закрепе: @MidjourneyPro

🤬 ОХ&^$ЛИ СОВСЕМ? В Германии, после жалобы ЕСПЧ, задержали авторов бота Midjourney, который делает эту нейросеть полностью бесплатной. 👨🏼‍💻В середине сентября с серверов Midjourney были выкачаны 1.27TБ модели и датасэтов оригинальной нейросети! На основе выкачанных данных мы запустили собственного бота, который продолжает работу! ✅ Легендарный бот в закрепе: @MidjourneyPro

Movie Poster Interaction Стильные карточки с анимацией и эффектом размытия. Реализовано на чистом CSS. Исходники | @codepenru | #cards #html #css ➡️ Приватка со сливами платных материалов для CMS

‼️‼️‼️‼️ Дорогие подписчики, у нас есть крутейшая новость! Наш канал ждет полный ребрендинг! Мы планируем сделать этот канал самым лучшем и полезным по ФРОНТЕНДУ и нам необходима ВАША ПОМОЩЬ. 💬 Пожалуйста, поделитесь в комментариях: ЧТО БЫ ВЫ ХОТЕЛИ ЗДЕСЬ ВИДЕТЬ? или ЧЕГО НЕ ХВАТАЕТ В НАШЕМ КАНАЛЕ? Также, мы подготовили тестовый контент-план: Пн: Сниппет с Codepen Вт: Макет Figma Ср: Темплейт (готовый сайт) Чт: Сниппет с Codepen Пт: Макет Figma Сб: Мем / Полезный английский термин, опрос с тестом Вс: Статья по фронтенду 🔥 — Контент-план супер 🌭 — Мне не нравится (расскажу почему в комментариях)

Services Section | Learn CSS Garden Анимация раздела услуг. Реализована с помощью CSS и JS. Исходники | @codepenru | #html #css #js 🗣️ Приватка со сливами платных материалов для CMS

Shoppe Макет интернет-магазина ювелирных изделий. Исходники | @codepenru | #figma 🗣️ Приватка со сливами платных материалов для CMS

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

Stripe Sessions style Flex Carousel Виджет персонала. Исходники | @codepenru | #html #css #js 🗣️ Приватка со сливами платных материалов для CMS

Travel Video Landing Page Интерактивная и стильная главная страница сайта. Исходники | @codepenru | #html #css #js 🗣️ Приватка со сливами платных материалов для CMS

Simple rotating pagination 3D Галерея. Исходники | @codepenru | #html #css #js 🗣️ Приватка со сливами платных материалов для CMS

Boxy Preloaders Анимированные индикаторы загрузки сайта. Исходники | @codepenru | #html #css 🗣️ Приватка со сливами платных материалов для CMS