设为首页
收藏本站
开启辅助访问
请
登录
后使用快捷导航
没有帐号?
立即注册
首页
课程设置
平面设计
室内设计
机械设计
园林景观设计
影视后期制作
论坛
老师加盟
登录
|
注册
搜索
搜索
本版
帖子
用户
快捷导航
室内设计学院
论坛
BBS
论坛
›
学院
›
平面设计学院
›
这个从下到上的的效果,代码写的一样,效果实现不了 ...
返回列表
moshang578
6
主题
10
帖子
40
积分
新手上路
新手上路, 积分 40, 距离下一级还需 10 积分
新手上路, 积分 40, 距离下一级还需 10 积分
积分
40
加为好友
发送消息
访问家园
1
751
电梯直达
[提问]
这个从下到上的的效果,代码写的一样,效果实现不了
笔尖下的眉
|
新手上路
|
勤币 167
|
学币 0
发表于 2017-2-20 12:42
|
复制链接
|
打印
|
上一主题
|
下一主题
html+css网页前端课程
-
5.3.定位在交互上的应用
是边看视频边敲代码的,和教学视频代码写的一样,并没有实现内容从下到上的一个过渡,时间处长也没有作用,这是为啥?
<style type="text/css">
*{margin:0; padding:0;}
body{font-family:"微软雅黑";}
.box{width:247px; height:350px; position:relative; overflow:hidden;}
.box img{display:block;}
.box .ceng{width:247px; height:350px; background:rgba(0,153,204,0.8); position:absolute; top:350px; left:0; text-align:center; color:#fff; transform:0.3s;}
.box .ceng h2{font-size:24px; font-weight:400; padding:60px 0 30px;}
.box .ceng p{font-size:14px; padding:30px 10px; margin-bottom:20px;}
.box .ceng a{border:1px solid #fff; color:#fff; font-size:16px; text-decoration:none; padding:5px 10px;}
.box:hover .ceng{top:0;}
</style>
<div class="box">
<img src="images/z_shafa1.jpg">
<div class="ceng">
<h2>标题文字</h2>
<p>内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要</p>
<a href="">了解更多 ></a>
</div>
点赞
26
哪些同学觉得很赞!
lori棒棒糖
觉得很赞
昵昵妹
觉得很赞
潜意式
觉得很赞
龙猫1212
觉得很赞
大大大表哥
觉得很赞
依仔101
觉得很赞
西卡
觉得很赞
一品数码
觉得很赞
热爱生活热爱家
觉得很赞
我叫大帅比
觉得很赞
举报
使用道具
|
回复
共1个回复 最后回复于 2017-3-18 09:16
moshang578
积分
40
6
主题
10
帖子
40
积分
新手上路
新手上路, 积分 40, 距离下一级还需 10 积分
新手上路, 积分 40, 距离下一级还需 10 积分
积分
40
加为好友
发送消息
访问家园
moshang578
新手上路
勤币 71
学币 0
沙发
发表于 2017-3-18 09:16:14
|
只看该作者
你知道原因了吗,同问
举报
使用道具
回复
支持
反对
返回列表
B
Color
Image
Link
Quote
Code
Smilies
高级模式
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表