心得笔记CSS3|Html5网站建设JS经典实例推荐工具CSS3|Html5

  • css3创建导航链接效果

    css3创建导航链接效果

    分享一些常用和创意的导航链接效果。例子中鼠标悬停使用伪元素和动画来创建一个微妙和有现代节奏感的链接效果。注意,伪元素并不是在所有的浏览器都能兼容。使用Chrome和Firefox浏览器观看,效果最佳。...

    CSS3|Html5 2013-08-22 浏览(4406 喜欢( 20 ) 阅读原文>>
  • css3制作3D图书翻页效果

    css3制作3D图书翻页效果

    景深设置,可以让3D效果更加逼真,perspective定义属性后,子元素会获得透视效果,而不是元素本身,transform-style:preserve-3d保留3D位置。关于CSS3 perspective 更多属性以及教程,请参考W3School网站教程...

    CSS3|Html5 2013-08-21 浏览(8757 喜欢( 21 ) 阅读原文>>
  • 使用css3伪元素制作时间轴并且实现鼠标选中高亮效果

    使用css3伪元素制作时间轴并且实现鼠标选中高亮效果

    利用css来制作时间轴的知识要点:伪元素,以及如何在伪元素上添加锚伪类1):before 在元素之前添加内容。2):after在元素之后添加内容。提示:亦可写成 :before :after CSS3将伪对象选择符前面的单个冒号(:)修改为双冒号(::)用以区别伪类选择符,但以前的写法仍然有效。...

    CSS3|Html5 2013-08-19 浏览(9115 喜欢( 21 ) 阅读原文>>
  • CSS3文本(六)—word-wrap自动换行

    CSS3文本(六)—word-wrap自动换行

    word-wrap检索或设置对象中的单词之间间隔。在 CSS3 中,word-wrap 属性允许您允许文本强制文本进行换行 - 即使这意味着会对单词进行拆分word-wrap:normal允许内容顶开或溢出指定的容器边界。word-wrap:break-word内容将在边界内换行....

    CSS3|Html5 2013-08-02 浏览(2653 喜欢( 18 ) 阅读原文>>
  • CSS3文本(五)—text-stroke文字描边

     CSS3文本(五)—text-stroke文字描边

    text-stroke设置或检索对象中的文字的描边。目前只有Chrome13.0、safari5.1能支持,text-stroke-width 设置或检索对象中的文字的描边厚度,text-stroke-color 设置或检索对象中的文字的描边颜色...

    CSS3|Html5 2013-08-02 浏览(14450 喜欢( 20 ) 阅读原文>>
  • CSS3文本(四)—text-fill-color文字填充颜色

    CSS3文本(四)—text-fill-color文字填充颜色

    text-fill-color说明:检索或设置对象中的文字填充颜色。通过text-fill-color属性,可以做出一些例如渐变文字和镂空文字的效果兼容:目前只有Chrome13.0、safari5.1能支持...

    CSS3|Html5 2013-08-02 浏览(7317 喜欢( 17 ) 阅读原文>>
  • CSS3文本(三)—text-shadow设置文本阴影

    CSS3文本(三)—text-shadow设置文本阴影

    在 CSS3 中,text-shadow 可向文本应用阴影。您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色...

    CSS3|Html5 2013-08-02 浏览(2587 喜欢( 20 ) 阅读原文>>
  • CSS3文本(二)—text-transform文本大小写转换

    CSS3文本(二)—text-transform文本大小写转换

    text-transform文本大小写转换text-transform:none | capitalize | uppercase | lowercase,text-transform:capitalize将每个单词的第一个字母转换成大写;text-transform:capitalize 将每个单词的第一个字母转换成大写
    ...

    CSS3|Html5 2013-08-02 浏览(3208 喜欢( 18 ) 阅读原文>>
  • CSS3文本(一)—text-overflow文本溢出

    CSS3文本(一)—text-overflow文本溢出

    text-overflow,设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。语法:text-overflow: clip(默认值)| ellipsis ;clip:修剪文本 ellipsis:显示省略符号来代表被修剪的文本。...

    CSS3|Html5 2013-08-02 浏览(2479 喜欢( 19 ) 阅读原文>>
  • css3背景(七)—background-size

    css3背景(七)—background-size

    background-size检索或设置对象的背景图像的尺寸大小。background-size在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的。在 CSS3 中,可以规定背景图片的尺寸,这就允许我们在不同的环境中重复使用背景图片。...

    CSS3|Html5 2013-08-02 浏览(6057 喜欢( 16 ) 阅读原文>>
  • css3背景(六)—background-clip

    css3背景(六)—background-clip

    background-clip用来制作文字的遮罩效果还是不错的,目前只有Safari 和Chrome浏览器支持该属性。background-clip说明:background-clip 指定对象的背景图像向外裁剪的区域。1)padding-box:从padding区域(不含padding)开始向外裁剪背景。...

    CSS3|Html5 2013-08-01 浏览(2542 喜欢( 18 ) 阅读原文>>
  • css3背景(五)—background-origin

    css3背景(五)—background-origin

    background-origin说明:background-origin 属性规定背景图片的定位区域。背景图片可以放置于 content-box、padding-box 或 border-box 区域。1)padding-box:从padding区域(含padding)开始显示背景图像。...

    CSS3|Html5 2013-08-01 浏览(2330 喜欢( 21 ) 阅读原文>>

本栏推荐

点击排行

微信号