/
terya1
/
12331
Обзор
Документация
Войти
/
terya1
/
12331
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/certificationCard/CertificationCard.css
103 строки
2 KB
IHARNAZAROV
feat: add project
16 июл 2022, 14:25
16 июл 2022, 14:25
31653a6
Код
Авторство
О чём код?
.cert-card { width: 30%; display: inline-block; justify-content: center; align-items: center; text-align: center; border-radius: 5px; margin-bottom: 30px; flex: 0 0 30%; transition: all 0.2s ease-in-out; } .cert-header { margin: 0px; border-radius: 5px 5px 0px 0px; } .logo_img { margin: 3px; width: auto; height: 100px; } .cert-body { margin: 0px; } .cert-body-title { font-family: "Lato", sans-serif; font-size: 20px; margin: 10px; } .cert-body-subtitle { font-family: "Lato", sans-serif; font-size: 18px; color: #808080; margin: 10px; } .content { position: relative; width: 100%; margin: auto; overflow: hidden; } .content .content-overlay { background: rgba(0, 0, 0, 0.7); position: absolute; height: 99%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .content-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .content:hover .content-details { top: 50%; left: 50%; opacity: 1; } .content-details h3 { color: #fff; font-weight: 500; font-family: "Lato", sans-serif; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; } .fadeIn-top { top: 20%; } @media (max-width: 768px) { .cert-card { width: 100%; } }