Line 13: | Line 13: | ||
<style> | <style> | ||
.button { | .button { | ||
− | + | display: inline-block; | |
− | + | border-radius: 4px; | |
− | + | background-color: #f4511e; | |
− | + | border: none; | |
− | + | color: #FFFFFF; | |
− | + | text-align: center; | |
− | + | font-size: 28px; | |
− | + | padding: 20px; | |
− | + | width: 200px; | |
− | + | transition: all 0.5s; | |
− | + | cursor: pointer; | |
− | + | margin: 5px; | |
} | } | ||
− | . | + | .button span { |
− | + | cursor: pointer; | |
− | + | display: inline-block; | |
− | + | position: relative; | |
+ | transition: 0.5s; | ||
} | } | ||
− | . | + | .button span:after { |
− | + | content: '\00bb'; | |
− | + | position: absolute; | |
+ | opacity: 0; | ||
+ | top: 0; | ||
+ | right: -20px; | ||
+ | transition: 0.5s; | ||
} | } | ||
+ | .button:hover span { | ||
+ | padding-right: 25px; | ||
+ | } | ||
+ | |||
+ | .button:hover span:after { | ||
+ | opacity: 1; | ||
+ | right: 0; | ||
+ | } | ||
.image { | .image { | ||
Line 195: | Line 208: | ||
<button class="button button3" onclick="window.location.href='https://2017.igem.org/Team:UNOTT/Results'">Results</button> | <button class="button button3" onclick="window.location.href='https://2017.igem.org/Team:UNOTT/Results'">Results</button> | ||
− | + | <button class="button" onclick="window.location.href='https://2017.igem.org/Team:UNOTT/Results'"style="vertical-align:middle"><span>Results </span></button> | |
Revision as of 00:47, 30 October 2017
EXPERIMENTS: