Difference between revisions of "Team:SDU-Denmark/Model"
| Line 57: | Line 57: | ||
<style> | <style> | ||
| + | /*DETTE KOPIERES FOR HVERT BILLEDE OG ID ÆNDRES TIL BILLEDETS ID*/ | ||
#myImg { | #myImg { | ||
border-radius: 5px; | border-radius: 5px; | ||
| Line 65: | Line 66: | ||
#myImg:hover {opacity: 0.7;} | #myImg:hover {opacity: 0.7;} | ||
| + | /* Caption of Modal Image */ | ||
| + | #caption { | ||
| + | margin: auto; | ||
| + | display: block; | ||
| + | width: 80%; | ||
| + | max-width: 700px; | ||
| + | text-align: center; | ||
| + | color: #ccc; | ||
| + | padding: 10px 0; | ||
| + | height: 150px; | ||
| + | -webkit-animation-name: zoom; | ||
| + | -webkit-animation-duration: 0.6s; | ||
| + | animation-name: zoom; | ||
| + | animation-duration: 0.6s; | ||
| + | } | ||
| + | /*KOPIER TIL HVERT BILLEDE SLUT*/ | ||
| + | |||
| + | /*FÆLLES - DETTE SÆTTES IND PÅ ALLE SIDER MED POPUP*/ | ||
/* The Modal (background) */ | /* The Modal (background) */ | ||
.modal { | .modal { | ||
| Line 88: | Line 107: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
/* Add Animation */ | /* Add Animation */ | ||
| − | .modal-content | + | .modal-content{ |
-webkit-animation-name: zoom; | -webkit-animation-name: zoom; | ||
-webkit-animation-duration: 0.6s; | -webkit-animation-duration: 0.6s; | ||
| Line 142: | Line 151: | ||
} | } | ||
} | } | ||
| + | /* FÆLLES - SLUT */ | ||
</style> | </style> | ||
| − | + | /*SELVE BILLEDET*/ | |
<img id="myImg" src="https://static.igem.org/mediawiki/2016/e/e1/T--BIT-China--img--pumpkin.png" alt="Trolltunga, Norway" width="300" height="200"> | <img id="myImg" src="https://static.igem.org/mediawiki/2016/e/e1/T--BIT-China--img--pumpkin.png" alt="Trolltunga, Norway" width="300" height="200"> | ||
| + | /*SELVE BILLEDET SLUT*/ | ||
| + | /*POPUP - HUSK AT MACTHE ALLE ID'ER*/ | ||
<!-- The Modal --> | <!-- The Modal --> | ||
<div id="myModal" class="modal"> | <div id="myModal" class="modal"> | ||
| Line 177: | Line 189: | ||
} | } | ||
</script> | </script> | ||
| − | + | /*POPUP SLUT*/ | |
Revision as of 15:22, 18 October 2016
The Best
/*SELVE BILLEDET SLUT*/
/*POPUP - HUSK AT MACTHE ALLE ID'ER*/
×
![]()
/*POPUP SLUT*/
