当前位置:首页 > Web开发 > 正文

input type ="range" value ="0" [style.--thumb-rotate] ="720

2024-03-31 Web开发

<input type="range" value="0" [style.--thumb-rotate]="720 * $any(input.value)/100 + ‘deg‘" #input (input)="0">

CSS:

input[type="range"]::-webkit-slider-thumb:active { background-position: 100% 0px; transform: scale(2) rotateZ(var(--thumb-rotate, 10deg)); }

[Angular 9] Custom CSS Variables binding

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30013.html