Difference between revisions of "Team:iTesla-SoundBio/description"

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

#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; }
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