慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕用8939053

在CSS3中的变形，如rotate(),skew(),scale(),translate()，都可以使用矩阵matrix()函数来代替。<br> Matrix()与translate()关系：translate(x,y)对应Matrix(1,0,0,1,x,y);<br> Matrix()与scale()关系：scale(x,y)对应Matrix(x,0,0,y,0,0);<br> Matrix()与rotate()关系：rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0)<br> Matrix()与skew()关系：skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2018-03-22
慕用8939053

a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2016-03-21
乎乎100

阴影模糊半径阴影扩展半径

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-03-21
伽蓝寺听雨声

外轮廓线不占用网页布局空间

查看全部

0 采集收起来源：CSS3外轮廓属性
2016-03-21
慕雪4427196

没啥好说的提交不上

查看全部

0 采集收起来源：CSS3中调用动画
2016-03-21
lofan

border-radius 四个参数的：用法： border-radius:左上右上右下左下 ; //顺时针方向 border-radius 一个参数的：用法： border-radius:10px;

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-03-21
文淇

transform:变换、改变、变形 transform:rotate（deg）旋转正deg角顺时针，负deg逆时针 transform:skew（x,y）扭曲 x,y角度deg transform:scale()缩放 1以上放大，0-1缩小 transform:translate(x,y)位移移动x,y 为px或% 居中显示 translate(-50%,-50%); transform:matrix(1,0,0,1,x,y)矩阵 2D transfrom:origin()原点值top bottom left right center

查看全部

0 采集收起来源：CSS3中的变形--原点 transform-origin
2016-03-21
文淇

transition 转变过渡 transition : all .8s ease-in .3s transition-property:all: background-color/height/width等转变的方式属性 transition-duration:.8s:整个过程经过0.8s 持续时间 transition-timing-function:ease-in :转变的方式 ease快变慢/ease-in渐显/ease-out渐隐/linear匀速/ease-in-out transition-delay:延迟时间.3s

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2016-03-21
文淇

-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); 居中

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2016-03-21
Yhooo_

mark

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2016-03-21
微蓝lran

esize属性主要是用来改变元素尺寸大小的，其主要目的是增强用户体验。但使用方法却是极其的简单，先从其语法入手。 resize: none | both | horizontal | vertical | inherit 取值说明：属性值取值说明 none 用户不能拖动元素修改尺寸大小。 both 用户可以拖动元素，同时修改元素的宽度和高度 horizontal 用户可以拖动元素，仅可以修改元素的宽度，但不能修改元素的高度。 vertical 用户可以拖动元素，仅可以修改元素的高度，但不能修改元素的宽度。 inherit 继承父元素的resize属性值。

查看全部

0 采集收起来源：自由缩放属性resize
2016-03-20
微蓝lran

这里实现是因为加了最小的宽度，同时没有了浮动啊

查看全部

0 采集收起来源：Responsive设计——不同设备的分辨率设置
2016-03-20
微蓝lran

通过上面的介绍，大家对响应式设计有了一定的了解，但在实际制作中还是有一些布局技巧的：在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。使用这些技巧，无非是为了保持你的HTML简单干净，而且在你的页面布局中的关键部分（元素）不要过分的依赖现代技巧来实现，比如说CSS3特效或者JS脚本。

查看全部

0 采集收起来源：Responsive布局技巧
2016-03-20
微蓝lran

一、媒体类型媒体类型（Media Type）在CSS2中是一个常见的属性，也是一个非常有用的属性，可以通过媒体类型对不同的设备指定不同的样式。在CSS2中常碰到的就是all(全部)、screen(屏幕)、print(页面打印或打印预览模式)，其实媒体类型远不止这三种，W3C总共列出了10种媒体类型。如下表所示：值设备类型 All 所有设备 Braille 盲人用点字法触觉回馈设备 Embossed 盲文打印机 Handheld 便携设备 Print 打印用纸或打印预览视图 Projection 各种投影设备 Screen 电脑显示器 Speech 语音或音频合成器 Tv 电视机类型设备 Tty 使用固定密度字母栅格的媒介，比如电传打字机和终端其中Screen、All和Print为最常见的三种媒体类型。

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2016-03-20
欣欣兒

实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2016-03-20

首页上一页 594 595 596 597 598 599 600 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果