相关搜索 >> CSS3

  • 1107纯 CSS3 绘制图形(心形、五角星、六边形等)阅读(23788)条2013/11/7 11:48:09

    这篇文章给大家带来的是纯 CSS 绘制五角星、六角形、五边形、六边形、心形等等。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。Star (6-points) #star-six {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 10...阅读全文

    Taget:css3 绘制 图形 

  • 101123个功能强大的jQuery/CSS3图片特效插件阅读(6447)条2013/10/11 11:43:02

    以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。1、jQuery图片下滑切换播放效果这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。 在线演示    /   素材下载2、jQuery带闹钟功能的数字时钟这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。在线演示 &nb...阅读全文

    Taget:jq css3 特效 

  • 0608最新2013年五大主流浏览器 HTML5 和 CSS3 兼容性一览阅读(7766)条2013/6/8 15:10:09

    转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《最新2013年五大主流浏览器 HTML5 和 CSS3 兼容性一览》,让我们一起来看看2013年的浏览器现状。目录CSS3 属性 | CSS3 选择器 | HTML5 Web 应用程序 | HTML5 图形和内嵌内容 | HTML5 表单属性   浏览器厂商之间的...阅读全文

    Taget:CSS3 HTML5 js 浏览器兼容 

  • 0514使用CSS3为社会化图标添加动画效果阅读(7458)条2013/5/14 10:52:08

    很多博客和网站为了更好和阅读者沟通都会添加一些社会化图标,本篇文章将介绍如何使用CSS3 translation属性为社会化图标添加一些简单的动画效果,教程中一共提供了四种不同的动画效果。(底部附完整实例代码) 浏览器支持:Firefox 4.0+  Safari3.1+  Opera10.5+  Chrome4.0+  IE10四种效果分别使用了transform的:rotate, scale, translate来实现,三种可以单独使用也可以随意搭配。rotate接受一个参数定义旋转的...阅读全文

    Taget:CSS3 社交 图标 

  • 0111css3图片超酷特效阅读(7076)条2013/1/11 10:16:37

    本文特效主要是运用了css3的动画功能,当然你的浏览器要支持css3才能看的到效果。截图如下:大概效果源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ut...阅读全文

    Taget:css3 图片 特效 

  • 11092012年30个最新和实用的CSS3和jQuery教程阅读(8738)条2012/11/9 16:30:34

    网页设计是一个最快速,不断变化和发展的行业。jQuery和CSS3已经是一个许多人喜欢的特效工具代码了。CSS3是充满了神奇的功能,其中的一些探索。jQuery是一个快速,简洁的JavaScript库,它简化了HTML文档遍历,事件处理,动画和Ajax交互网络的快速发展。在这今天的文章中,我们共享CSS3和JQuery的教程可以被用于设计自定义滚动条,全屏幕图片库,光标以下菜单,图片印章滑块,翻转图像滑块,CSS3视差效果,灯箱随着CSS3,CSS3书发电机,叠加效应,CSS3动...阅读全文

    Taget:CSS3 jQuery 特效 

  • 1108Web前端技术:那些让人惊叹的CSS3应用演示阅读(7582)条2012/11/8 11:48:01

    正在发展中的 CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写复杂的 JavaScript 代码才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现。今天这篇文章就向大家分享14个让人惊叹的 CSS3 特性应用演示,让大家感受一下 CSS3 的魅力。Monster使用 CSS3 绘制的奇怪生物,移动你的鼠标看看会有什么效果?小心被吃了啊! Tilt ShiftCSS3 实现的文本立体效果和...阅读全文

    Taget:CSS3 特效 

  • 061625 个实用的 CSS3 动画按钮/菜单教程阅读(7824)条2012/6/16 13:12:18

      随着Web技术的发展,Web标准已经得到了逐步改善,现在HTML5正逐渐成为Web开发的主导技术。本文为Web前端开发者带来了25个基于CSS3的按钮和菜单设计教程,你还可以观看演示以及下载文件源代码。基于HTML5的Web设计将成为今后的主流,你可以使用CSS按钮/菜单来代替传统上的图片按钮/菜单,在拥有漂亮效果的同时,还可以节省加载图片的时间,增强用户体验。赶紧在你的网站和应用程序中尝试一下这个新技术吧!用CSS3的动画按钮(演示 |...阅读全文

    Taget:CSS3 HTML5 按钮 菜单 教程  

  • 0101(Firefox 5 )开发者的那些事阅读(7350)条2012/1/1 12:40:41

    Firefox 5已经发布了,这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器,:)======CSS3 动画CSS动画(看这篇文档)提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样,使用CSS动画可以非常高效平滑的展现效果(看大牛David Baron的文章),开发者拥有对keyframes有更好的控制力,从而制作出更加复杂的动画效果。需要注意的变化开发者可以把Image作为参数传递给 createImageData 来获取图片的大小...阅读全文

    Taget:Firefox 5 CSS3动画 Canvas 

  • 0804让IE支持CSS3圆角的方法阅读(8061)条2011/8/4 19:27:23

    如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS 3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法有很多种,下面介绍一种实用的让IE支持CSS 3解析的方法——IE利用VML矢量可标记语言作为...阅读全文

    Taget:CSS圆角 支持 IE 浏览器 属性 

  • 0702找了一些对CSS3开发人员非常有用的工具阅读(7428)条2011/7/2 9:17:47

    一般而言,CSS是非常简单的。但是当浏览器开发商开始遵循CSS3特性,事情就变得有点复杂了。不困难,但是复杂。这主要有两个原因:第一,所有CSS3新特性(如 transition、gradient、transform 等)都不简单;第二,我们不得不使用开发商特定的扩展。  在您建设自己的CSS3的开发环境前,你最好的朋友还是CSS3生成器、开发手册、参考指南以及一些基于JavaScript的解决方案,这正好是这篇文章所要讲述的。这篇文章将列出一些真正有用的工具,它们能帮助你在当...阅读全文

    Taget:css3 开发工具 生成器 

  • 02128个非常有用的在线工具(对于Web设计和开发人员 )阅读(7975)条2011/2/12 9:23:39

    在工作中借助一些非常好用的工具可以让你专注于更重要的事情,进而提高工作效率。本文收集了一些设计和开发相关的在线工具,分享给大家,希望对你有帮助。ProCSSorProCSSor是一个很不错的CSS代码美化工具,它可以帮助你很轻松的把代码转换成很美观。jsFiddleJsFiddle有多种用途,其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段,而且代码可以分享,还可以嵌入到你的博客中等等。Frame BoxFrame Box是一个非常好用的用于在线分享线框...阅读全文

    Taget:在线工具 ProCSSor jsFiddle  CSS3 Generator 

当前第  2  页 / 共  2  页  总共24条记录  

12