Line 69: | Line 69: | ||
</div> | </div> | ||
<body> | <body> | ||
+ | |||
+ | #boxshadow { | ||
+ | position: relative; | ||
+ | box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); | ||
+ | padding: 10px; | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | #boxshadow img { | ||
+ | width: 100%; | ||
+ | border: 1px solid #8a4419; | ||
+ | border-style: inset; | ||
+ | } | ||
+ | |||
+ | #boxshadow::after { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | z-index: -1; /* hide shadow behind image */ | ||
+ | box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); | ||
+ | width: 70%; | ||
+ | left: 15%; /* one half of the remaining 30% */ | ||
+ | height: 100px; | ||
+ | bottom: 0; | ||
+ | } | ||
<div> | <div> |
Revision as of 00:30, 23 September 2018
Build the change
You want to see in the world
![DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment](https://static.igem.org/mediawiki/2018/9/9b/T--iTesla-Soundbio--Project_Description1.png)