码迷,mamicode.com
首页 > Web开发 > 详细

[Angular 9] Custom CSS Variables binding

时间:2020-02-17 17:37:48      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:range   html   css   var   class   active   slide   str   div   

Html:

<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

标签:range   html   css   var   class   active   slide   str   div   

原文地址:https://www.cnblogs.com/Answer1215/p/12322693.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!