.przycisk { width: 6.5em; height: 2.3em; margin: 0.5em; background: #004b87; color: white; border: none; border-radius: 0.625em; font-size: 20px; font-weight: bold; cursor: pointer; position: relative; z-index: 1; overflow: hidden; } button:hover { color: #004b87; } button:after { content: ""; background: white; position: absolute; z-index: -1; left: -20%; right: -20%; top: 0; bottom: 0; transform: skewX(-45deg) scale(0, 1); transition: all 0.5s; } button:hover:after { transform: skewX(-45deg) scale(1, 1); -webkit-transition: all 0.5s; transition: all 0.5s; }
Zapisz w schowku
Stwórz nowy schowek
pixel