为了账号安全,请及时绑定邮箱和手机立即绑定

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 为什么要给body加上position relative
    查看全部
  • 幽灵按钮的制作方法
    查看全部
    0 采集 收起 来源:课程简介

    2019-04-08

  • 已经学完
    查看全部
    0 采集 收起 来源:编程挑战

    2018-08-13

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>无标题文档</title>
        <style type="text/css">
            ul {position:relative;
                list-style-type: none; height: 27px; width:500px;border-bottom:2px solid #21530C}
            li {
                display:inline-block;
                padding:10px;
                margin:27px 10px 5px 10px;
                border-radius: 3px;
                border-top:2px solid #000;
                background: #c962a7;
                left:10px;
    
            }
            a{
                margin:8px;
                top:8px;
                text-decoration: none;
                font-family: '黑体';
                font-size:16px;
                text-height:27px;
                color:rgba(255,255,255,1);
            }
    
    
    
    
        </style>
    </head>
    <body>
    <ul>
        <li><a href="#" class="ac"><span>首页</span></a></li>
        <li><a href="#"><span>最新产品</span></a></li>
        <li><a href="#"><span>内部新闻</span></a></li>
        <li><a href="#"><span>联系我们</span></a></li>
    </ul>
    </body>
    </html>


    查看全部
    1 采集 收起 来源:编程挑战

    2018-08-05

  • transition 定义需要变化的元素,

    transform 定义变化

    查看全部
  • css3 transform

    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
1、你至少具备photoshop简单基础知识。 2、熟悉html基础知识,尤其对<input>标签、<a>标签、<span>标签和css样式比较了解。 3、有(X)HTML和CSS2基础及对HTML5和CSS3有所了解的童鞋们。
老师告诉你能学到什么?
1、如何制作圆角按钮 2、如何拆解动画效果 3、如何使用transform属性实现旋转 4、如何使用transition属性实现过渡

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!