.underline {
background-color: dodgerblue;
display: inline-block;
height: 2px;
left: 50px;
margin-top: -4px;
position: absolute;
top: 185px;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
width: 202px;
}
https://codepen.io/xayaraj/pen/amzydG
我在我的React应用程序中使用JS中的CSS,我想知道我们如何在js中的css中放置-webkit-transition
等属性。
const useStyles = makeStyles(() => ({
icon: {
padding: '.2rem .2rem',
fontSize: '12px'
},
li: {
display: 'block',
font: 'bold 6px/12px sans-serif',
padding: '5px 15px',
textAlign: 'center',
textDecoration: 'none',
float: 'left',
},
}
上面的代码是我在JS中使用CSS,我想知道我如何添加下划线类和添加-webkit-transform
属性。
1条答案
按热度按时间e0bqpujr1#
只需去掉破折号并在camelCase中追加属性即可。
变更
至
这适用于所有供应商前缀。