Line 92: | Line 92: | ||
border-style: solid; | border-style: solid; | ||
padding: 3%; | padding: 3%; | ||
+ | } | ||
+ | |||
+ | .link--kukuri { | ||
+ | overflow: hidden; | ||
+ | line-height: 0.75; | ||
+ | color: #b2b0a9; | ||
+ | |||
+ | &:hover { | ||
+ | color: #b2b0a9; | ||
+ | } | ||
+ | &::after { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | height: 16px; | ||
+ | width: 100%; | ||
+ | top: 50%; | ||
+ | margin-top: -8px; | ||
+ | right: 0; | ||
+ | background: #f9f9f9; | ||
+ | transform: translate3d(-100%,0,0); | ||
+ | transition: transform 0.4s; | ||
+ | transition-timing-function: cubic-bezier(0.7,0,0.3,1); | ||
+ | } | ||
+ | &:hover::after { | ||
+ | transform: translate3d(100%,0,0); | ||
+ | } | ||
+ | &::before{ | ||
+ | content: attr(data-letters); | ||
+ | position: absolute; | ||
+ | z-index: 2; | ||
+ | overflow: hidden; | ||
+ | color: #424242; | ||
+ | white-space: nowrap; | ||
+ | width: 0%; | ||
+ | transition: width 0.4s 0.3s; | ||
+ | } | ||
+ | &:hover::before { | ||
+ | width: 100%; | ||
+ | } | ||
} | } | ||
Line 104: | Line 143: | ||
<img src="https://static.igem.org/mediawiki/2017/archive/e/e4/20171023064510%21T--TP-CC_San_Diego--brain.png" width = "400"> | <img src="https://static.igem.org/mediawiki/2017/archive/e/e4/20171023064510%21T--TP-CC_San_Diego--brain.png" width = "400"> | ||
<div class="textDiv"> | <div class="textDiv"> | ||
− | <h3 class = "page-title">Project Description</h3> | + | <h3 class = "page-title link--kukuri">Project Description</h3> |
</div> | </div> | ||
</div> | </div> |
Revision as of 08:10, 23 October 2017