博客专栏  >  前端   >  CSS3

CSS3

CSS3动画、布局、渐变、3D转换、2D转换等深入学习和实例分享

关注
0 已关注
14篇博文
  • CSS(3) Background(背景)

    一、CSS 背景 1、CSS 背景属性用于定义HTML元素的背景。CSS 属性定义背景效果:     background-color     background-image     backgro...

    2016-06-19 16:01
    761
  • CSS(3) Text(文本)

    一、CSS文本格式 1、Text Color    颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定:十六进制值 - 如"#FF0000";一个RGB值 - "RGB(255,0,0)";颜...

    2016-06-19 16:11
    9459
  • CSS(3) 字体

    一、CSS 字体 1、CSS字型   在CSS中,有两种类型的字体系列名称:     通用字体系列 - 拥有相似外观的字体系统组合(如 "Serif" 或 "Monospace")     特定字体系...

    2016-06-19 16:22
    374
  • CSS3 overflow-y 与overflow-y属性

    1、overflow-x    如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪。 div { width:110px; height:110px; border:thin so...

    2016-07-06 15:27
    282
  • CSS3 2D 转换

    1、translate() 方法 translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。translate值(50px,100px)是从左边元素移动50个像素,并...

    2016-07-07 18:56
    283
  • CSS3 3D 转换

    1、rotateX() 方法    rotateX()方法,围绕其在一个给定度数X轴旋转的元素 div { width:100px; height:75px; background-color...

    2016-07-07 18:59
    222
  • CSS3 多列

    1、CSS3 创建多列 column-count 属性指定了需要分割的列数。以下实例将 元素中的文本分为 3 列: .newspaper { -moz-column-count:3; /...

    2016-07-07 19:03
    233
  • CSS3 渐变(Gradients)

    1、CSS3 渐变(Gradients)   CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(...

    2016-07-07 19:15
    1341
  • CSS3 图片

    1、圆角图片 img { border-radius: 8px; } 圆角图片 使用 border-radius 属性来创建圆角图片:   img {...

    2016-07-07 19:19
    240
  • CSS3 用户界面

    1、CSS3 调整尺寸(Resizing)    CSS3中,resize属性指定一个元素是否应该由用户去调整大小。这个 div 元素由用户调整大小。 (在 Firefox 4+, Chrome, ...

    2016-07-07 19:23
    264
  • CSS3 动画

    1、CSS3 @keyframes 规则   如需在 CSS3 中创建动画,您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS...

    2016-07-14 17:07
    2454
  • CSS3 过渡

    CSS3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript。 1、CSS3 过渡是元素从一种样式逐渐改变为另一种的效果 要实现这一点,必须规定两...

    2016-08-17 17:06
    244
  • CSS Flex布局

    flex 布局   2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。通...

    2017-09-14 11:07
    179
  • sass

    Sass 是对 CSS 的扩展,让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能, 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好, 同...

    2017-09-20 22:23
    108

HTML5
1815709
JavaScript
2933089
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部