- distance:
- 26,63km
- riding-time:
- 1:26h
- elev-gain:
- 592m
- speed-avg:
- 18km⁄h
- speed-max:
- 58km⁄h
- elev-lowest:
- 135m
- elev-highest:
- 356m
After Work Ride
- distance:
- 26,63km
- riding-time:
- 1:26h
- elev-gain:
- 592m
- speed-avg:
- 18km⁄h
- speed-max:
- 58km⁄h
- elev-lowest:
- 135m
- elev-highest:
- 356m
After Work Ride
- distance:
- 26,63km
- riding-time:
- 1:26h
- elev-gain:
- 592m
- speed-avg:
- 18km⁄h
- speed-max:
- 58km⁄h
- elev-lowest:
- 135m
- elev-highest:
- 356m
After Work Ride
- distance:
- 26,63km
- riding-time:
- 1:26h
- elev-gain:
- 592m
- speed-avg:
- 18km⁄h
- speed-max:
- 58km⁄h
- elev-lowest:
- 135m
- elev-highest:
- 356m
After Work Ride
- distance:
- 26,63km
- riding-time:
- 1:26h
- elev-gain:
- 592m
- speed-avg:
- 18km⁄h
- speed-max:
- 58km⁄h
- elev-lowest:
- 135m
- elev-highest:
- 356m
After Work Ride
- distance:
- 26,63km
- riding-time:
- 1:26h
- elev-gain:
- 592m
- speed-avg:
- 18km⁄h
- speed-max:
- 58km⁄h
- elev-lowest:
- 135m
- elev-highest:
- 356m
After Work Ride
- distance:
- 26,63km
- riding-time:
- 1:26h
- elev-gain:
- 592m
- speed-avg:
- 18km⁄h
- speed-max:
- 58km⁄h
- elev-lowest:
- 135m
- elev-highest:
- 356m
After Work Ride
100 Buttons 003
button{
position: relative;
cursor: pointer;
display: block;
background: linear-gradient(#f87f33 0%, #c6530c 100%);
border: none;
color: #ffeecc;
padding: .5em 2em;
font-family: serif;
font-size: 24px;
font-style: italic;
text-transform: lowercase;
text-shadow: 1px 1px 0 #b55e06;
line-height: 1;
border-radius: 30px;
border: 2px solid #ffeecc;
box-shadow: 0 0 0 3px #f37f36;
transition: all .3s ease;
}
button:hover{
background: linear-gradient(#f78e4d 0%, #c95d19 100%);
box-shadow: 0 0 0 3px #f78e4d;
}
100 Buttons 002
.button-container{
perspective: 500px;
}
button{
position: relative;
cursor: pointer;
display: block;
background-color: #24ad6d;
border: none;
color: #FFF;
padding: 1.5em 3em;
font-family: monospace;
font-size: 18px;
line-height: 1;
text-transform: uppercase;
letter-spacing: .1em;
transition: all .3s ease;
transform-style: preserve-3d;
transform: rotateX(18deg);
}
button:after{
box-sizing: border-box;
content: "";
background-color: #455da4;
width: 100%;
height: 60%;
position: absolute;
left: 0;
top: 100%;
transform-origin: 0% 0%;
transform: rotateX(-90deg);
z-index: -1;
}
button:hover{
transform: rotateX(0deg);
background-color: #20c076;
}
100 Buttons 001
button{
cursor: pointer;
display: inline-block;
background-color: transparent;
border: 2px dashed #FFF;
color: #FFF;
padding: 1em 2em;
font-family: sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
letter-spacing: .1em;
transition: all .2s ease;
}
button:hover{
color: #89c5ae;
background-color: #FFF;
border-style: solid;
}
- distance:
- 69,56km
- riding-time:
- 3:55h
- elev-gain:
- 786m
- speed-avg:
- 18km⁄h
- speed-max:
- 65km⁄h
- elev-lowest:
- 151m
- elev-highest:
- 313m
Sunday Ride
- distance:
- 69,56km
- riding-time:
- 3:55h
- elev-gain:
- 786m
- speed-avg:
- 18km⁄h
- speed-max:
- 65km⁄h
- elev-lowest:
- 151m
- elev-highest:
- 313m
Sunday Ride
- distance:
- 69,56km
- riding-time:
- 3:55h
- elev-gain:
- 786m
- speed-avg:
- 18km⁄h
- speed-max:
- 65km⁄h
- elev-lowest:
- 151m
- elev-highest:
- 313m
Sunday Ride
- distance:
- 69,56km
- riding-time:
- 3:55h
- elev-gain:
- 786m
- speed-avg:
- 18km⁄h
- speed-max:
- 65km⁄h
- elev-lowest:
- 151m
- elev-highest:
- 313m
Sunday Ride
- distance:
- 69,56km
- riding-time:
- 3:55h
- elev-gain:
- 786m
- speed-avg:
- 18km⁄h
- speed-max:
- 65km⁄h
- elev-lowest:
- 151m
- elev-highest:
- 313m
Sunday Ride
- distance:
- 69,56km
- riding-time:
- 3:55h
- elev-gain:
- 786m
- speed-avg:
- 18km⁄h
- speed-max:
- 65km⁄h
- elev-lowest:
- 151m
- elev-highest:
- 313m
Sunday Ride
- distance:
- 69,56km
- riding-time:
- 3:55h
- elev-gain:
- 786m
- speed-avg:
- 18km⁄h
- speed-max:
- 65km⁄h
- elev-lowest:
- 151m
- elev-highest:
- 313m
Sunday Ride