CSS3设计赛:基于纯CSS3技术的前5名设计师

CSS3设计赛:基于纯CSS3技术的前5名设计师的相关文章

• 
  CSS3的优势以及网页设计师如何使用CSS3技术

  标签：Web开发

  前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章，它详细介绍了CSS3的新特性和它的使用方法，它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音，并详细说明了每个新技术目前有哪些浏览器兼容。网页教学网本想将本文翻译成中文版和大家分享，但发现已有...[ 查看全文 ]

  走走道停

  01
• 
  CSS3教程(1):什么是CSS3

  标签：Web开发

  CSS3不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。你看，浏览器需要跟上了 注意：浏览器需要改进 尽管把玩CSS3是很有趣的事情就像接下来我要演示的几篇教程中表现的那样，但是需要了解的是，CSS3并没有被当前浏览器完全的支持。也就是说，如果你要在你的网站中使用CSS3，请确认有针对不支持CSS3的浏览器的...[ 查看全文 ]

  溫柔的反目丶

  31
• 
  CSS3教程(7):CSS3嵌入字体

  标签：Web开发

  想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件？那么就使用CSS3嵌入字体吧！ 上一篇：CSS3教程(6):创建网站多列 要使用一款字体，我们首先需要使用‘@font-face’属性。这必须先准备好我们要用的字体文件。 尽管这样，让我们简单的学习一下字体方面的历史。@font-face属性从CSS2就已经考虑了，但却始终在CSS2.1中还没有出现。CSS3尝试经它带到标准中来。 如果你手上没...[ 查看全文 ]

  不安静的失落

  21
• 
  HTML5和CSS3令设计师心动的新特征

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  本文标题的这副图片，是用Phosotshop制作的。但是，在搜索引擎中你却无法搜索到它，搜索引擎还没有强大到能够识别图片里面的文字。并且由于图片的体积不算太小，可能网速慢的网友在浏览的时候不得不耐心的等待图片的刷新。那么，有没有一种新的方法可以避免这些缺点呢? 有的，HTML5和CSS3就可以满足你的需求。甚至，它可以做的更多，更好。作为一名设计师，我们应当了解它们是什么东西，有什么特性，从而...[ 查看全文 ]

  c529011608

  31
• 
  32个使用CSS3技术的网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  我想很多同学也慢慢接触到CSS3这们技术，比如简单的圆角、下阴影使用，然而这些是不够的，我们需要学习一些使用CSS来实现的交互，让网页更有动感，这也是未来的设计趋势，手机网站、APP也是如此，把交互设计重视起来。 今天我们摘选32个使用CSS3技术的网页设计，从这些作品中我们可以学习别人是如何运用CSS3并配合自己的iDea来实现很多漂亮的交互效果，想你的网站上个档次？这些网站真的高大上啊，慢慢欣赏...[ 查看全文 ]

  良心找不到寄托

  31
• 
  CSS3教程：由CSS3代码生成的图形与图标设计

  标签：Web开发

  本文中的这些标志与图标都是用CSS3制作而成，看上去似乎很不可思议，其中包括了IE图标，网站图标，奥运会标志等等，都是一些十分常见的标志，而它们之所有如此特别是因为这些标志与图标只是用CSS3来显示在网页中，而并非图片显示。 尽管被批评为走火入魔，CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计，如果你看到本文介绍的这些精美图标，你绝对不会相信它们完全是由 CSS3 代码生成的。尤...[ 查看全文 ]

  坏孩子丨最拉风

  81
• 
  设计师必须知道的HTML5和CSS3便捷工具

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  是时候为网页设计师的来一组便捷的辅助工具了。日新月异的网页技术革新催生了大量的设计与开发工具，HTML5/CSS3几乎成了设网页设计师的必修课，而强大的JS也为网页提供了更多的可能性。尤其是HTML5，作为一门极为有用且实用的标记语言，它赋予网页设计师创造更优秀网页的可能。 这也是为什么，身为网页设计师的你需要不停地了解最新的技术趋势和新兴工具，这些全新的库、框架、插件和技术能让你的网页如虎添...[ 查看全文 ]

  北京世纪中原97

  31
• 
  CSS3教程(10):CSS3 HSL声明设置颜色

  标签：Web开发

  使用CSS3 HSL声明同样是用来设置颜色的。下一个呢？ HSLA？ 是的，这个和RGBA的效果是一样的。 上一篇文章：CSS3教程(9):设置RGB颜色 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue 衍生于色盘：0和360是红色，接近120的是绿色，240是蓝色。 Saturation 值是一个百分比：0%是灰度，100%饱和度最高 Lightness 值也是一个百分比：0%是最暗，50%均值，100%最亮。 ...[ 查看全文 ]

  张杰马玉涛

  41
• 
  CSS3教程(8):CSS3透明度指南

  标签：Web开发

  CSS3透明不透明渐变随便你怎么叫它吧！这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了，而IE一直不支持！ 上一篇文章：CSS3教程(7):CSS3嵌入字体 opacity声明用来设置一个元素的透明度：层、文字、图片等一个opacity的值为1的元素是完全不透明的，反之，值为0是完全透明的，看不见的。1到0之间的任何值都表示该元素的透明程度。 浏览器兼容性 opacity是浏览器支持...[ 查看全文 ]

  天蝎赵忠航

  31
• 
  20个网页设计师应该学习的CSS3经典教程

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  设计师千万不要总觉得CSS3还离我们特别遥远，其实如果你有兴趣的话，完全可以学习了解一些简单的CSS3技术。 你知道的，国内的行情就是如此：所有的公司都会希望你在前端技术上懂的越多越好。那设计师学习前端代码是否就是天方夜谭呢？其实并不如此。就像我们学设计一样，最基本的方法就是模仿，以及观看大师作品的案例。所以，今天我们为您收集了20个基础教程，均是涉及到css3应用的经典案例，值得收藏学习...[ 查看全文 ]

  kobe3824time

  51
• 
  初步了解CSS3

  标签：Html CSS布局 Div+CSS XHTML

    最近闲来无事，上W3C转了一圈，粗略地浏览了一下尚未发布的CSS3，虽然还未被W3C正式发布出来，但还是能从已有的资料中窥出一些端倪，一个很明显的特征，CSS3制订得越来越细致了，某些细节之处完全超乎你所能想象的到的范围。 在这里不提及CSS3的语法，因为对于目前尚未有软件支持的CSS3，任何语法的探讨都像是空中楼阁，毫无意义可言。以下我就列举一下CSS3中部分新内容。 1、...[ 查看全文 ]

  3鈨o笍濮

  41
• 
  CSS3中的5个有趣的新技术

  标签：Web开发

  CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些效果，但了解它们还是必须且很有趣味性的。网页教学网将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。 相关文章：介绍CSS3使用技巧5个 1：基本标记 在我们开始这个教程之前，先来创建整个教程都要使用的基...[ 查看全文 ]

  风中少年heart

  41
• 
  HTML5/CSS3的开发框架：实用HTML5和CSS3框架

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  所有的开发人员都应该注意了，你们绝对应该看看这篇文章，帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架，但是你应该看看这些框架，因为你以前可能没用过他们中的大部分。看看最新的实用HTML5和CSS3框架吧！希望你们喜欢！ 1.HTML5boilerplate H5BP带给你非常漂亮的文档，一个网站优化的编译脚本，还有一个自定义的boilerplate编译器。除此之外，我们还支持lighttd，Google App Engine和No...[ 查看全文 ]

  阿尔bi丝丶

  71
• 
  介绍CSS3使用技巧5个

  标签：Web开发

  CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧，可以帮你实现未来的Web。目前这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。 1. 圆角效果 CSS3 新功能中最常用的一项是圆角效果，标准 HTML 方块对象是90度方角的，CSS3 可以帮你实现圆...[ 查看全文 ]

  zyq2626

  21
• 
  31个技术高超的CSS3网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  现在大多数浏览器支持CSS3技术，因此许多大胆且富有创意的设计师开始学习运用它，有一大票童鞋已经在CSS3的路上高歌猛进，以下就是它们的作品，每一个都酷炫难挡，根本停不下来。 Quechua 有些网站就是喜欢带点动感，这个Quechua就是使用了视屏背景，视觉效果很好。 LanderApp 4N 4N高档手表网站设计，不仅技术厉害，设计师的绘画也令人惊叹啊，制作这样一个网站成本一定很高了。 CanalSat Se...[ 查看全文 ]

  爱烟的丫头

  81
• 
  CSS3 有关的问题

  标签：Web开发

  Eric A. Meyer 对基于 Web 标准的 CSS 与 HTML 绝非一知半解，他是这个领域杰出的专家，曾写过不少 CSS 方面的书，是 An Event Apart 的合伙创始人，A List Apart 团队成员，还是 Complex Spiral Consulting 的创始人。另外， Eric Meyer 7年来一直是 CSS Working Group 资格深获邀专家，他们负责维护和开发 CSS。   不用说，如果要找个人请教一些 CSS 方面的问题，Eric Meyer 就是那个人。本文作者...[ 查看全文 ]

  你印哥

  21
• 
  32个技术高超的CSS3网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  现在大多数浏览器支持CSS 3 技术，因此许多大胆且富有创意的设计师开始学习运用它，有一大票童鞋已经在CSS 3 的路上高歌猛进，以下就是它们的作品，每一个都酷炫难挡，根本停不下来。 Quechua 有些网站就是喜欢带点动感，这个Quechua就是使用了视屏背景，视觉效果很好。 LanderApp 4N 4N高档手表网站设计，不仅技术厉害，设计师的绘画也令人惊叹啊，制作这样一个网站成本一定很高了。 ...[ 查看全文 ]

  hufeihang2002

  11
• 
  CSS教程：详解CSS3 Media Queries

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  说起CSS3的新特性，就不得不提到 Media Queries 。本文比较详细，所以很多实际中用不到。所以如果只是想简单了解Media Queries，推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分，包括类型、组别和规则等。CSS并非为了显示器而创造，而是应用于各种各样的媒体，比如常见的显示器，越来愈多的手持设备，可能略显过时的电视机等等。 而 Media Queries 的引入，其作用就是允许添加表达式用以确定媒...[ 查看全文 ]

  运城学院好男人

  21
• 
  使用CSS3将你的网站设计推向未来

  标签：Web开发

  There are exciting new features in the pipeline for Cascading Style Sheets that will allow for an explosion of creativity in Web design. These features include CSS styling rules that are being released with the upcoming CSS3 specification . Realistically, you won’t be able to use these on your everyday client projects for another few years, but for design blogs and w...[ 查看全文 ]

  胜男Wendyguo

  21
• 
  用CSS3将你的设计带入下个高度

  标签：Web开发

  尽管CSS3的诸多新特性还不被很多浏览器支持，或者说支持的不好。但作为一个前端开发人员，你总不能等到所有浏览器都完美支持它的时候再去学习。 CSS3到底给我们带来了哪些新特性呢？简单的说，CSS3把很多以前需要使用图片和脚本来实现的效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程，还能加快页面载入速度。 本文里面，就让我...[ 查看全文 ]

  玲凌921

  21