CSS3如何固定图片宽度使图片高度按图片比例自适应?

html-css010

CSS3如何固定图片宽度使图片高度按图片比例自适应?,第1张

动作面版,新建一个动作,名称和快捷键先好后"记录"---图像->图像大小,把高度改成你想要的尺寸,下面的约束比例勾上,确定,回到动作面版,点击右下脚的"停止播放/记录",这样你就有一个动作了!

不过还有一个更方便的方法,就是用acdsee,在缩略图的模式下,选中图片,"工具"->"图像大小"

用 height 是不行的。

不过,用 max-height 和 min-height 可以实现同等效果。

.box{

max-height: 120px

min-height: 120px

overflow: hidden

transition: max-height ease-out 0.2s}.box:hover{

max-height: 500px

transition: max-height ease-in 0.2s}

谢谢,能讲解下吗? 我的实际情况是 100,150,200,220,280 。。反正这些是后台提供的数字,七八个,,都想实现加载时,从0到这些数字的动画效果你的代码里面只有位置移动的top,left。没有写旋转的代码。在动画帧时加入rotate(角度)就可以旋转并移动,可以参考下面代码。CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。