CSSPod
  • Home
  • Contact
  • 求贤

CSS3

A collection of 13 posts

CSS

:nth-child 和 :nth-of-type 的区别

基本语法 :nth-child(an+b) 选择符匹配有父元素、前面有 an+b-1 个兄弟元素的元素。 element:nth-child(an + b) { style properties } :nth-of-type 选择符匹配有父元素、前面有 an+b-1 个同名兄弟元素的...

  • minwe
    minwe
2 min read
CSS3

纯 CSS3 菜单生成工具及教程

CSS3 的引入给网页设计师和开发者带来了巨大的可能。通过3D 变换、CSS3 动画及其他高级的样式,不使用 JavaScript 也能创建令人印象深刻的导航菜单。 下面是一些纯 CSS3 菜单生产工具及教程。 CSS3 Menu Generators Pure CSS Menu...

  • minwe
    minwe
2 min read
CSS3

CSS3 滤镜

特殊的时期,会有特殊的需求。尽管我不太赞成这种流于形式的做法,不过这并不影响我们了解相关技术原理。 CSS 滤镜最早出现在 IE4 中,在 CSS3 中被纳入标准,不过语法和原来 IE 里的实现完全不同,目前被 W3C 列为工作草案。CSS3 标准的滤镜包含几个预定义好的函数,也...

  • minwe
    minwe
2 min read
CSS3

微软Internet Explorer团队发布情人节HTML5页面

微软Internet Explorer团队今天发布了一个基于HTML5构建的站点"Love is in the Air",这是去年冬天Let it snow网站后又一个炫技版网页。它运用了目前最顶尖的各种Web技术:HTML5 canvas, SVG, CSS t...

  • minwe
    minwe
1 min read
Canvas

不用HTML5/CSS3如何在网页上画机器猫

作者: oldj 链接: http://oldj.net/article/web-doraemon-without-html5-or-css3/ 前段时间有人用 CSS3 技术在网页上画了一个机器猫, 可以用来测试各大浏览器对 CSS3 的支持程度,不用说,HTML5 /CSS3...

  • minwe
    minwe
8 min read
animation

“性感”的CSS链接翻转

鼠标悬停时,链接文字向左或向右舞动、倾斜。为了增强效果,为悬停状态设置不同的颜色(演示)。 [css] .cpojer-links a { display: inline-block; padding: 4px; outline: 0; color: #3a599d;...

  • minwe
    minwe
17 min read
CSS3

CSS3动画体验

CSS3动画体验,作者@Anthony Calzadilla请用支持CSS3和HTML5的浏览器浏览(支持iPhone) I Twitty the Fool!-Another Fun CSS3 Animation Experiment。...

  • minwe
    minwe
1 min read
CSS

7个提高用户体验的CSS技巧

CSS之美在于能通过少量的声明并可使网页变得很与众不同。下面是7个CSS小技巧,可以让你的网页更加时尚,让用户获得更佳的用户体验和浏览愉悦感。 改变选中文字的默认颜色 [css] selection { background:#c3effd; color:#000; /* Safa...

  • minwe
    minwe
2 min read
CSS

使用CSS3实现Faux列

这是一个CSS3的小技巧,不使用图片便实现Faux Columns。边栏在布局中的问题是它不能随着内容的扩展而延伸到相等的高度。常规的方法是创建一个图片背景应用到内容的父容器上。本文将介绍如何使用CSS3渐变实现相同的效果。 旧的方法 先来回顾一下让边栏背景沿着页面延伸的常规方法。...

  • minwe
    minwe
3 min read
CSS

CSS3 Media Queries

CSS2允许为特定的媒体指定样式表,如screen(屏幕)和print(打印),CSS3通过添加media queries(媒体查询库)使其更加有效。CSS3可以通过添加查询语句来确定不同的媒体类型,应用不同的样式表。例如为大的显示器指定一个样式表,为移动设备指定另一个样式表。有了这...

  • minwe
    minwe
4 min read
CSS

CSS3 Media Query:移动 Web 的完美开端

移动时代,是任何 Web 设计与开发者都不能忽视的一个时代,总有一天,你设计的东西将被显示在两种屏幕上,桌面大屏幕和移动小屏幕,如何让同一个网站同时适应完全不同的两种尺寸 的屏幕,这是一个很久以来都没有完美解决方案的问题,直到有了 CSS3。 CSS3 的 Media Querie...

  • minwe
    minwe
9 min read
border-radius

CSS3渐变按钮

上文介绍了CSS渐变的跨浏览器实现,本文将介绍CSS渐变的实际应用,点击查看一系列纯CSS制作的渐变按钮。这些按钮都是根据字体大小可伸缩的,可以通过改变padding和font-size来调整按钮大小。这种方法最大的好处是可以应用到任何HTML元素,如div、span、p、a、but...

  • minwe
    minwe
4 min read
border-radius

CSS3基础

本文介绍CSS 3部分新属性基础,包括RGBa、text-shadow、box-shadow、border-radius。这些属性通常用来增强网页布局和美誉度。(译者注:在支持CSS3的浏览器如Firefox、Safari、IE9等可点击图片查看演示。) RGBa 前三个值是RGB...

  • minwe
    minwe
4 min read
CSSPod © 2023
Latest Posts Ghost