Line 17: | Line 17: | ||
<style> | <style> | ||
− | + | ||
− | + | .card { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
position:absolute; | position:absolute; | ||
top:0px; | top:0px; | ||
Line 33: | Line 27: | ||
transition: all 1.0s linear; | transition: all 1.0s linear; | ||
} | } | ||
− | + | .container:hover .card { | |
transform: rotateY(180deg); | transform: rotateY(180deg); | ||
} | } | ||
+ | |||
.face { | .face { | ||
position: absolute; | position: absolute; | ||
Line 70: | Line 65: | ||
− | <div | + | <div class="container"> |
− | <div | + | <div class="card"> |
<div class="face"> | <div class="face"> | ||
<img src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg"> | <img src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg"> |
Revision as of 17:28, 30 July 2018