Ikonka za pomocą CSS? – czemu nie
Jeżeli chcesz użyć na stronie tylko kilku ikonek i nie chcesz koniecznie używać do tego ikon w formie graficznej lub dołączać plików np. Font Awesome możesz użyć CSS ICON Animate.
Aby powiedzmy dodać taką o to ikonkę należy dodać kod HTML:
1 | <div class="plus icon"></div> |
a następnie kod CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | .plus.icon { color: #000; position: absolute; margin-left: 3px; margin-top: 10px; } .plus.icon:before { content: ''; position: absolute; width: 15px; height: 1px; background-color: currentColor; } .plus.icon:after { content: ''; position: absolute; width: 15px; height: 1px; background-color: currentColor; -webkit-transform: rotate(90deg); transform: rotate(90deg); } |