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