Audio play-control
CODE
×
HTML
<div class='play-control'></div>
CSS
div.play-control { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi41OTggMTcuMDY4Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzAwMDsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwYXRoIGlkPSJfMDE1LXBsYXktYnV0dG9uIiBkYXRhLW5hbWU9IjAxNS1wbGF5LWJ1dHRvbiIgY2xhc3M9ImNscy0xIiBkPSJNMTcuOTIzLDguMiw2LjEzNy4wNzJBLjQwNi40MDYsMCwwLDAsNS41LjQwNlYxNi42NjJBLjQwNi40MDYsMCwwLDAsNi4xMzcsMTdMMTcuOTIzLDguODY4YS40MDYuNDA2LDAsMCwwLDAtLjY2OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01LjUpIi8+DQo8L3N2Zz4='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; width: 20px; height: 20px; } div.play-control:hover, div.play-control:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
Audio play-control
Erstellt: 21.07.2021 - 14:51 Uhr
Letzte Änderung: 21.07.2021 - 14:51 Uhr
×