transition鼠标移入图片从底部浮现文字的效果

最新推荐文章于 2024-07-13 11:46:18 发布

咬了蜘蛛侠的小蜘蛛

最新推荐文章于 2024-07-13 11:46:18 发布

阅读量963

点赞数

文章标签： css3

本文链接：https://blog.csdn.net/JS_kill_apple/article/details/106895608

版权

html框架：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" hre

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

html框架：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="transition.css">
</head>

<body>
    <div class="total">
        <div class="top">
            <img src="http://img0.imgtn.bdimg.com/it/u=3869664431,1448043395&fm=26&gp=0.jpg">
            <div class="text">植物大战僵尸不是暴雪旗下的游戏</div>
        </div>
        <div class="bottom">购买本游戏</div>
    </div>
</body>
</html>

CSS样式：

/* 给所有内容一个盒子（包括需要做出过渡效果的内容） */
.total {
    width: 533px;
    height: 400px;
    border: 1px solid #9999

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咬了蜘蛛侠的小蜘蛛

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
transition鼠标移入图片从底部浮现文字的效果

html框架：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" hre
复制链接

扫一扫