октября 2018

.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