联系客服1
联系客服2

前端功能实战之CSS3绚丽照片墙

1
回复
1536
查看
打印 上一主题 下一主题
[复制链接]
  • TA的每日心情
    擦汗
    2024-5-14 20:47
  • 签到天数: 744 天

    [LV.9]以坛为家II

    7285

    主题

    8688

    帖子

    130万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    1303191
    楼主
    发表于 2018-9-14 15:44:22 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式


    课程简介:
    通过纯CSS实现绚丽的照片墙效果,展示不同位置不同角度摆放的多张照片,鼠标移动上去照片会旋转放大并且显示在最上面。主要通过CSS3中transform中的rotate属性设置照片角度,scale设置照片的缩放,最后通过transition属性设置动画时间等。

    课程须知:
    本课程适合对CSS3感兴趣的初学者,通过简单绚丽的案例来熟悉重要的部分CSS3动画属性。

    课程能学到什么?
    1、简单CSS3实现任意设置元素的旋转角度。
    2、简单CSS3实现图片的等比缩放。
    3、利用CSS3将元素的样式变化以动画的方式展现出来。

    课程目录:
    第1章 CSS3绚丽照片墙
    通过纯CSS实现绚丽的照片墙效果,即展示不同位置不同角度摆放的多张照片,鼠标移动上去照片会旋转放大并且显示在最上面。主要通过CSS3中transform中的rotate属性设置照片角度,scale设置照片的缩放,最后通过transition属性设置动画时间等。
    1-1 CSS3照片墙 效果演示 (02:18)
    1-2 CSS3照片墙 步骤分解 (01:22)
    1-3 CSS3照片墙 技术点分析 (03:17)
    1-4 CSS3照片墙 动画实现 (19:18)


    游客,如果您要查看本帖隐藏内容请回复

    收藏
    收藏0
    分享
    分享
    支持
    支持0
    反对
    反对0
    回复

    使用道具 举报

  • TA的每日心情
    难过
    2022-7-18 06:07
  • 签到天数: 39 天

    [LV.5]常住居民I

    2

    主题

    101

    帖子

    1190

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    1190
    沙发
    发表于 2021-1-5 16:41:03 | 只看该作者
    么有分,谁能送我点积分啊::>_<::
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    学习课程!一站搞定!
    学途无忧VIP会员群

    973849140

    周一至周日9:00-23:00

    反馈建议

    1227072433@qq.com 在线QQ咨询

    扫描二维码关注我们

    学途无忧!为学习谋坦途,为会员谋福利!|网站地图