CSS calc-size()实现图片原始尺寸放大实例页面

回到相关文章 »

效果：

// zxx: 点击图片

代码：

CSS代码：
img {
    transition: .3s;
    width: 128px;
}
img.active {
    width: calc-size(fit-content, size / 2);
}
HTML代码：
<img 
  src="1.jpg" 
  onClick="this.classList.toggle('active');" 
/>