KevinYLi123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
Line 173: | Line 173: | ||
font-size: 24px; | font-size: 24px; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | .demo a { | ||
+ | position: absolute; | ||
+ | bottom: 20px; | ||
+ | left: 50%; | ||
+ | z-index: 2; | ||
+ | display: inline-block; | ||
+ | -webkit-transform: translate(0, -50%); | ||
+ | transform: translate(0, -50%); | ||
+ | color: #fff; | ||
+ | font : normal 400 20px/1 'Josefin Sans', sans-serif; | ||
+ | letter-spacing: .1em; | ||
+ | text-decoration: none; | ||
+ | transition: opacity .3s; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
Line 188: | Line 208: | ||
</div> | </div> | ||
− | + | <section id="jumpdown" class = "demo"> | |
<a href="#afterhome"><span></span> | <a href="#afterhome"><span></span> | ||
<div class="downArrow bounce"> | <div class="downArrow bounce"> | ||
Line 194: | Line 214: | ||
</div> | </div> | ||
</a> | </a> | ||
+ | </section> | ||
</div> | </div> | ||
<div id="afterhome"> | <div id="afterhome"> |
Revision as of 14:09, 24 May 2018