.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 {
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);
}
SUSU International Laboratory: Implementing Additive Technologies around the World
More
SUSU International Laboratory: New Approaches to Treating Stress-caused Diseases
More
SUSU International Laboratory: Migration Studies at the Intersection of Europe and Asia
More
SUSU International Laboratory: “Our Projects Will Allow to Create the Materials of the Future”
More
SUSU International Laboratory: Research for the Electronics of the Future
Подробнее
SUSU International Laboratory: From Healthy Food Products to Bio-tableware
Подробнее
SUSU International Laboratory: Technologies for Digital Twins and Smart Cities
More
International Research Laboratory: Ferrites with Unique Properties
Подробнее
International Research Laboratory: Alternative Power Engineering and Transport of the Future
Подробнее
Scientists from France and Russia Announce the Creation of a Joint Laboratory of Digital Human Movement
Подробнее
Scientists of SUSU and Oxford University Patented Their Joint Inventions
More
Digital Twin of Athletes: SUSU Is Opening New International Research Laboratory
More
From America to Australia – scientific cooperation at SUSU unites the best minds of the world
More
SUSU in 2020. Most Interesting Things Have Just Started
More
The International Research Council Evaluated SUSU’s Work on the Development of International Research Laboratories
More
One of SUSU’s Youngest Laboratories Wins the Prestigious Russian Science Fund Grant
More
“Ultrasound Will Change the Food Industry!” – Professor from India, Shirish Sonawane
More
The SUSU Laboratory of Experimental Mechanics Successfully Performs Testing for Science and Industry
More
Professor from Australia supervises a unique laboratory in SUSU
More
An Important Present for SUSU’s Birthday – Opening of Laboratories
More
Resource Center of Special Metallurgy Broadening Horizons of Additive Technologies
More
Electronic Circuits in Human Body: SUSU Researchers Study the Properties of Gold Nanoparticles
More
SUSU Researchers Find a Way to Fight the “Quiet Killer”
More