HTML5开发项目实战:照片墙 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课讲解通过使用 CSS3,完成一个照片墙的效果,主要使用 CSS3 的移动,旋转和缩放效果。通过摆放图片,形成一个美观的照片墙。

    1.照片墙布局 00:07:12

    本课时讲解通过使用基本标签及 CSS 样式完成基本的图片布局效果,以及添加图片边框效果。

    2.照片墙的全部实现 00:09:31

    本课时讲解通过使用 CSS3 的旋转和缩放效果完成照片墙美观的效果。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5开发项目实战:照片墙

2课时,17分钟2014-12-02
iwen
iwen

极客学院金牌布道师

课程背景:
在很多对图片的展示网站上,尤其是针对于照片展示的网站,美观的照片墙效果还是很常见的。所以怎样可以制作一个美观的照片墙有了很大的需求。


核心内容:
1.布局设计
2.CSS3特效


软件环境:WebStrom


是否提供资料:


课程等级:初级


适合人群:
具有HTML基础的开发者

  • 技术问答
  • 1

    照片墙布局

    07:12

    本课时讲解通过使用基本标签及 CSS 样式完成基本的图片布局效果,以及添加图片边框效果。

  • 2

    照片墙的全部实现

    09:31

    本课时讲解通过使用 CSS3 的旋转和缩放效果完成照片墙美观的效果。

相关课程

  • CSS入门基础知识

    本课讲解CSS语法,并掌握基本选择器的使用。

    5课时 21分钟
    初级
    77747人学习
  • XHTML的使用规范

    本课程讲解XHTML标准化,让学员学习到规范化书写代码。

    1课时 8分钟
    初级
    57750人学习
  • HTML5开发项目实战:Tooltip

    本课通过对Tooltip的讲解,完成Tooltip提示框的效果。使用a标签及css样式完成基本布局,在通过使用JavaScript对DOM元素的操作完成提示框的现实及隐藏。让学员掌握Tooltip的实现过程。

    5课时 34分钟
    初级
    11600人学习
  • HTML5实战:图片与标签配合制作页面

    本课HTML基础标签和页面跳转功能的实现,使用基础标签和图片完成HTML页面的布局和页面的跳转。

    2课时 13分钟
    初级
    48382人学习