背景自动切换动画和通过过渡实现图片平移（animation和transition的使用）

最新推荐文章于 2023-08-08 19:45:59 发布

康立志

最新推荐文章于 2023-08-08 19:45:59 发布

阅读量2.4k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44011306/article/details/106241921

版权

本文介绍如何利用CSS的animation和transition属性创建背景自动切换的动画效果，并实现图片平移。通过HTML结构定义元素，再配合CSS样式，详细展示了动画和过渡的应用方法。

摘要由CSDN通过智能技术生成

背景自动切换动画和通过过渡实现图片平移

代码
- HTML
- CSS

代码

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>study17</title>
    <link href="main.css" rel="stylesheet">
</head>
<body>
<div class="mr-bakg">
    <div class="mr-picbom">
        <div class="mr-pic"><img src="images/phine1.png" alt="" /></div>
        <div class="mr-picleft"><img src="images/phine2.png" alt="" /></div>
        <div class="mr-picright"><img src="images/phone3.png" alt="" /></div>
    </div>
&l

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

康立志

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
背景自动切换动画和通过过渡实现图片平移（animation和transition的使用）

背景自动切换动画和通过过渡实现图片平移代码HTMLCSS代码HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>study17</title> <link href="main.css" rel="stylesheet"></head><body><div clas
复制链接

扫一扫