Научно-исследовательская лаборатория
«Высокоэнтропийные материалы»
.custom-navbar {
display: flex;
background-color: #10069F; /* PANTONE Blue 072 C */
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}
.custom-navbar a, .custom-navbar .dropdown .dropbtn {
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 16px;
}
.custom-navbar .dropdown {
position: relative;
display: inline-block;
}
.custom-navbar .dropdown .dropbtn {
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
}
.custom-navbar a:visited {
color: white; /* Устанавливаем цвет текста обратно в белый */
}
.custom-navbar a:hover, .custom-navbar .dropdown:hover .dropbtn {
background-color: #0048BA; /* более темный оттенок для наведения */
}
.custom-navbar .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 300px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.custom-navbar .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.custom-navbar .dropdown-content a:hover {
background-color: #ddd;
}
.custom-navbar .dropdown:hover .dropdown-content {
display: block;
}
.custom-navbar a:active, .custom-navbar a:focus {
color: white; /* Устанавливаем цвет текста обратно в белый */
background-color: #10069F; /* Фон остается прежним, если это нужно */
}
О лаборатории
Общие сведения. Научные направления и задачи Коллектив Сотрудничество
Новости
СМИ о нас
Проекты и услуги
Выполняемые Законченные Перечень предоставляемых услуг
Публикации и патенты
Англоязычные Русскоязычные Участие в конференциях Патенты Диссертации
Контакты
Контакты
.grid {
position: relative;
margin: 0 auto;
padding: 1em 0 4em;
max-width: 1000px;
list-style: none;
text-align: center;
}
/* Common style */
.grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
min-width: 320px;
max-width: 480px;
max-height: 360px;
width: 48%;
background: #3085a3;
text-align: center;
cursor: pointer;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
color: #fff;
font-weight: 300;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
font-size: 68.5%;
}
/*---------------*/
/***** Honey *****/
/*---------------*/
figure.effect-honey {
background: #4a3753;
}
figure.effect-honey img {
width: 100%;
height: 300px; /* Добавьте эту строку для фиксированной высоты */
object-fit: cover; /* Эта строка уже есть в примере */
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-honey:hover img {
opacity: 0.5;
}
figure.effect-honey figcaption::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #004394;
content: '';
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
figure.effect-honey h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 1em 1.5em;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
figure.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0);
}
figure.effect-honey figcaption::before,
figure.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
В ЮУрГУ научная деятельность организована на высшем уровне
Подробнее
Ученые ЮУрГУ разработали бюджетный вариант сверхтвердого сплава
Подробнее
На Урале создали экономичную версию ультратвердого сплава
Подробнее
Ученые разработали дешевый ультратвердый сплав
Подробнее
Ученые ЮУрГУ разработали новый метод получения сверхтвердых сплавов
Подробнее
Российские ученые создали уникальный сплав для авиакосмической промышленности
Подробнее
Ученые разработали новую технологию сварки сталей, эксплуатируемых в экстремальных условиях
Подробнее
В лаборатории ЮУрГУ создают новые материалы, обладающие повышенной прочностью
Подробнее
Ученые разрабатывают программу для подбора состава сложных материалов
Подробнее
Победитель конкурса «УМНИК» разрабатывает материал для защиты от электромагнитного поля
Подробнее
Доктор Маджид Насери: «Научные проблемы мирового значения не имеют национальных границ…»
Подробнее
Разработан сплав из пяти металлов для авиации и машиностроения
Подробнее
Ученые из Челябинска создали из пяти металлов высокопрочный сплав для турбин
Подробнее
Челябинские ученые разработали сплав для авиации, устойчивый к агрессивным средам
Подробнее
Российские учёные создали "броню" для авиакосмических деталей
Подробнее
Диагностика опухоли мозга за 40 минут и экологичное топливо: открытия российских ученых
Подробнее
Ученые ЮУрГУ выиграли грант на производство сорбента для очистки воды
Подробнее
