Line 12: | Line 12: | ||
<style> | <style> | ||
− | clip-path: polygon(50% 20%, 100% 14%, 100% 0, 0 0, 0 14%); | + | -webkit-clip-path: polygon(50% 20%, 100% 14%, 100% 0, 0 0, 0 14%); |
− | clip-path: url( | + | clip-path: polygon(50% 20%, 100% 14%, 100% 0, 0 0, 0 14%); |
+ | -webkit-clip-path: url(#clip-shape); | ||
+ | clip-path: url(#clip-shape); | ||
</style> | </style> | ||
Line 50: | Line 52: | ||
</defs> | </defs> | ||
</svg> | </svg> | ||
− | <div class="clip-this" style="background: | + | <div class="clip-this" style="background:#7fb5dd; height: 200px; width: 200px;"></div> |
<!-- this lets Firefox display the angle --> | <!-- this lets Firefox display the angle --> | ||
<svg width="0" height="0"> | <svg width="0" height="0"> | ||
Line 57: | Line 59: | ||
</polygon> | </polygon> | ||
</clipPath> | </clipPath> | ||
− | |||
</svg> | </svg> | ||
+ | </svg> | ||
+ | |||
+ | |||
+ | <svg height="0" width="0"> | ||
+ | <defs> | ||
+ | <clipPath id="clip-shape" clipPathUnits="objectBoundingBox"> | ||
+ | <polygon points="50 20, 100 14, 100 0, 0 0, 0 14" /> | ||
+ | </clipPath> | ||
+ | </defs> | ||
+ | </svg> | ||
+ | |||
</div> | </div> | ||
</div> | </div> |
Revision as of 19:59, 9 October 2016
Achievements
Spreading our passion is extremely important for us, especially regarding to further iGEM generations. We want to share our experience with other iGEM teams in particular but with everyone who is interested in synthetic biology as well. Feel free to check and learn from the results of our work on the following pages.
Medal Criteria | Results | Proof of Concepts |