我有一个hover效果,只希望在视口宽度大于900px时触发。当视口较小时,我希望禁用hover效果。
如何实现?
PS:我正在使用Sass(SCSS),这可能会有所帮助。
这是我想要禁用的:hover效果的小片段。它用于缩放图像。
如何实现?
PS:我正在使用Sass(SCSS),这可能会有所帮助。
这是我想要禁用的:hover效果的小片段。它用于缩放图像。
img {
display: table-cell;
width: 100%;
max-width: $painting-max-width;
max-height: $painting-max-height;
margin: auto;
// zoom in animation transition
transition: $painting-zoom-delay;
transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94) 0s;
&:hover {
max-width: $painting-zoom-size;
max-height: $painting-zoom-size;
}
}