Untitled
unknown
css
a year ago
686 B
3
Indexable
Never
/*nupu shine*/ .nupu-shine .elementor-button { position: relative; overflow: hidden; transition: all 500ms ease; margin-top: 5px; } .nupu-shine .elementor-button:hover::after { content: ''; display: block; width: 75px; height: 175%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); opacity: 0.5; position: absolute; top: -20px; left: 0; animation: shine 200ms linear; transform: translateX(320px) rotate(-25deg); } @keyframes shine { 0% { transform: translateX(-30px) rotate(-25deg); } 100% { transform: translateX(320px) rotate(-25deg); } }