Skip to content

Instantly share code, notes, and snippets.

@qpSHiNqp

qpSHiNqp/failover-play-btn.html

Created July 10, 2018 08:38
Show Gist options
  • Save qpSHiNqp/f2a43afc9980a2f25c2d0d9cb819d620 to your computer and use it in GitHub Desktop.
Save qpSHiNqp/f2a43afc9980a2f25c2d0d9cb819d620 to your computer and use it in GitHub Desktop.
Download ZIP
単純な再生ボタン
Raw
failover-play-btn.html
<style>
.failover-play-btn {
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.7) no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 15' fill='dimgray'%3E %3Cpath d='M 0,1 12,7.5 0,14 z'/%3E %3C/svg%3E") 64% 50%/50%;
border-radius: 50%;
border: none;
cursor: pointer;
}
</style>
<button class="failover-play-btn"></button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment