«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Расширяющиеся карточки проектов - Мои &#проекты за несколько дней&# путешествие

Расширяющиеся карточки проектов - Мои &#проекты за несколько дней&# путешествие

Опубликовано 29 августа 2024 г.
Просматривать:400

Project Expanding Cards - My

Это витрина проекта 1/50 из курса "50 проектов за 50 дней", хотя все проекты я выполнил за последние 50 дней (или чуть больше! ), я хотел сделать их по-своему, я имею в виду взять основную идею или основную концепцию проекта и правильно ее понять, увидеть ее плюсы и минусы и даже вывести на новый уровень.

В этом проекте основная идея заключалась в создании нескольких карточек (или панелей), которые расширяются при нажатии, это очень просто, но мне нужно реализовать здесь массу других вещей, например:

  • Использование API Popover для развертывания панели вместо щелчка мышью.
  • Извлечение изображений из Unsplash API.
  • Сделание панелей интерактивными с помощью движений мыши.
  • Добавление отражения под каждой панелью с помощью webkit-box-reflect.
  • Добавление цветной тени на каждую панель (с использованием SVG-фильтра).

После реализации этих вещей, этот проект перешел на следующий уровень, который показывает сложность в простоте наряду с эстетикой, возможно, в будущем я смогу применить функцию выборки цвета!.

Я хотел бы услышать ваши мнения, предложения, мысли, также не забудьте поставить лайк и подписаться.

Мои 50 проектов в репозитории 50 Days Journey
Свяжитесь со мной в Твиттере
Свяжитесь со мной в Linkedin

Заявление о выпуске Эта статья воспроизведена по адресу: https://dev.to/alishata128/project-1-expanding-cards-my-50-projects-in-50-days-journey-1na6?1 Если есть какие-либо нарушения, свяжитесь с Study_golang. @163.com удалить
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3