Facebook (color)
CODE
×
HTML
<div class='facebook-c'></div>
CSS
div.facebook-c { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQogIDxkZWZzPg0KICA8c3R5bGU+DQogICAgLnN0MHtmaWxsOiM0MTRjOTl9DQogICAgLnN0MXtmaWxsOiNmZmZ9DQogIDwvc3R5bGU+DQogIDwvZGVmcz4NCiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDBBMTYsMTYsMCwxLDAsMzIsMTYsMTYsMTYsMCwwLDAsMTYsMFoiLz4NCiAgPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLjY5LDI0LjloMy42NzlWMTZoMi40NTRsLjMyNS0zLjA2OEgxNy4zNjlsMC0xLjUzNmMwLS44LjA3Ni0xLjIyOSwxLjIyNC0xLjIyOWgxLjUzNFY3LjFIMTcuNjc2Yy0yLjk0OSwwLTMuOTg2LDEuNDg5LTMuOTg2LDMuOTkydjEuODQySDExLjg1MlYxNkgxMy42OXY4LjlaIi8+DQo8L3N2Zz4='); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: auto; display:inline-block; width: 32px; height: 32px; margin-right: 15px; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor:pointer; } div.facebook-c:hover, div.facebook-c:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
JS
Facebook (color)
barrierefrei
×