<cite id="t47qs"><noscript id="t47qs"></noscript></cite>
    <strong id="t47qs"></strong>
    为了账号安全,请及时绑定邮箱和手机立即绑定

    按钮特效

    江老实 Web前端工程师
    难度初级
    时长 2小时 0分
    学习人数
    综合评分9.77
    113人评价 查看评价
    9.9 内容实用
    9.8 简洁易懂
    9.6 逻辑清晰
    简介:课程分为二个实例讲解,第一个实例用纯CSS3代替JavaScript实现按钮动画效果,并详细讲解CSS3新增的transition、transform等属性。第二个实例重点介绍利用<a>标签制作自适应宽度的圆角按钮。

    第2章 传统 input 标签

    介绍<input>标签种类、默认事件以及制作按钮的局限性

    第3章 用 a 标签制作按钮

    重点讲解如何用<a>标签制作圆角水晶按钮。主要是告诉你如何才能给普通按钮签贴上两边圆角,如何进行贴图,交互效果如何实现。

    第4章 CSS3新增的圆角属性

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

    微信扫码,参与3人拼团

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

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

    我爱玩棋牌 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>