css把图片缩小css图片缩小比例不变

2024-09-06 03:06:58 浏览

1.画好两个卷轴2.将卷轴制作自定义动画

css把图片缩小css图片缩小比例不变

1)添加效果——>强调——>放大/缩小,修改尺寸为30% 水平 (两个卷轴都设定)。

2)添加效果——>动作路径——>绘制自定义路径——>直线,将鼠标移到右边的一个卷轴,按住左键向右移动,会出现一条线。左侧的卷轴同理。

3.字幕:插入,图片,自选图形,矩形。修改矩形的颜色,可在矩形中添加文本。

1)添加效果——>进入——>劈裂,修改方向为中央向左右展开。

3)将所有动作的速度都改为慢速,即可同步进行

要把图片设置成卷轴式,需要使用CSS属性"background-attachment: fixed"来设置背景图片固定不动,然后使用"background-repeat: repeat-y"来设置背景图片在垂直方向上重复显示,从而实现卷轴的效果。

同时,还可以根据需要调整"background-size"属性来控制图片的缩放大小。需要注意的是,为了保证卷轴式效果的流畅性,建议选用尺寸合适,大小适中的背景图片。

本文版权声明本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系本站客服,一经查实,本站将立刻删除。