css3

  • HTML5, CSS3, ES5 a new browser that supports web standards and the list of transfer (1)

    HTML5, CSS3, ES5 a new browser that supports web standards and the list of transfer (1) 2009-03-11

    This article compiled some of the most important (or popular high strike) of the new standard, although most of them have just w3c draft, from the Recommendation level still early, but it has become a new round of browser wars in the highly sought af

    关键词: google, gmail, detailed explanations, css code, css3, gm technologies, w3c draft, media queries, lack of motivation, recommendation level, application cycle, browser vendors, star development, document addresses, dance movements, grammatical features, relevant document, web area, stage actor, browser wars
  • [Change] CSS3 and HTML5 major browser compatible Cheat

    [Change] CSS3 and HTML5 major browser compatible Cheat 2010-04-06

    CSS3 and HTML5 major browser compatible Cheat http://tools.yesky.com/101/11197101.shtml Currently, the best support for CSS3 and HTML5 is the Safari, Chrome second, Firefox 3.6 and Opera 10.5 matched, IE family of the worst. Given this situation, if

    关键词: safari, opera, css3, hack, pioneer, compromise proposal
  • Let ie6.0 + support css3

    Let ie6.0 + support css3 2010-04-27

    Saw an article here today to IE6, 7 and 8 support for CSS3 Previously heard of htc, but has no care about how to use. Search, I read an old article on the htc, I would like to own though outdated, but also new knowledge on their own, and whether that

    关键词: object model, script file, response time, web service, internet explorer, html page, return values, binary files, simple object access protocol, css3, ambiguity, custom web, traditional server, windows application, time server, htc, interactive pages, dhtml behaviors, web behavior, explorer ie
  • CSS3 development tools to collect

    CSS3 development tools to collect 2010-04-30

    Order from: List of Really Useful Tools For CSS3 Developers Chinese: CSS3 development tools to In general, CSS is very simple. But when the browser vendors to achieve CSS3 features, some of the problem became complicated. Is not difficult, but some c

    关键词: development tools, prefix, firefox, javascript libraries, cross browser, browser capabilities, dynamic access, tool builder, useful tools, css rules, css rounded corners, browser vendors, squirrel, shadow boxes, linear gradient, gradient text, face generator, shadow text, text shadow, reference guides
  • Css3 + HTML5 Application Notes

    Css3 + HTML5 Application Notes 2010-05-03

    Css3 + HTML5 Application Manual is mainly used for supporting the page developer

    关键词: application notes, page developer
  • New method of handling CSS3 Color

    New method of handling CSS3 Color 2010-05-03

    Traditionally, we use the CSS color is either 16 hexadecimal format, either rgb format, like rgb(171,205,239). CSS3 brings some new methods of dealing with colors, such as using the HSL (Hue, Saturation, Light), and opacity / alpha channel. Unfortuna

    关键词: prefix, safari, transparency, syntax, current version, kernel, hue saturation, css3, new approach, brief summary, dximagetransform, transparent object, progid, colors, child elements, alpha channel, internet explorer 8, ms filter, chrome version, hexadecimal format
  • IE implement CSS3 border-radius (rounded)

    IE implement CSS3 border-radius (rounded) 2010-05-10

    Online today to see for IE implementation of a CSS3 the border-radius (rounded): .box-radius { border-radius: 15px ; behavior: url (border-radius.htc); } Figure shows effect: Download htc file (source from): http://code.google.com/p/curved-corner/

    关键词: implementation, google, radius, css3
  • IE 9 preview version download, full support for HTML5 and CSS3

    IE 9 preview version download, full support for HTML5 and CSS3 2010-06-04

    Just downloaded a, IE9 is still just a prototype, not the address bar, tool bar, only a menu bar (not all), all the Chinese on the page shown as boxes. Microsoft is doing for the next generation Internet Explorer 9 on the improvement of the standard,

    关键词: amp, prototype, test results, microsoft, preview version, internet explorer, web standards, windows system, borders, tool bar, selectors, dom level 3, menu bar, boxes, core dom, media queries, ie9, next generation internet, style test
  • Dose css3 bring a new revolution to web?

    Dose css3 bring a new revolution to web? 2010-06-23

    I saw a news from JavaEye: http://www.javaeye.com/news/16605 It brings me a shock. I knew css3 is strong, but I don't know it can be challenged like this! It's time to focus more on css3 now.

    关键词: css3, shock, new revolution
  • Upcoming Events: Zibin lectures introduce HTML5 & CSS3

    Upcoming Events: Zibin lectures introduce HTML5 & CSS3 2010-07-30

    Theme: HTML5 & CSS3 Lecture: Zibin (Opera Web Evangelist) Time :2010-08-07 13:00 - 16:00 Location: Shanghai Pudong Zhangjiang Hua Road, Building 68, No. 8 7 months ago Zibin held in Beijing, the WebRebuild activities talked about this subject, this t

    关键词: amp, beijing, developers, web front, hot topic, css3, innovation, 7 months, shanghai pudong, zhangjiang, web evangelist, opera web, upcoming events
  • HTML5 and CSS3 tool resource summary (collection)

    HTML5 and CSS3 tool resource summary (collection) 2010-08-06

    1. HTML5 & CSS3 ready The site shows the form of fan charts from 08 to 10 years, the major browsers support HTML5 and CSS3 situation. Momentum is still very significant. 2. HTML5 Safety Manual 3. CSS3 button generator WYSIWYG generated CSS3 button fo

    关键词: integer values, practice tools, browsers support, test tools, line test, resource summary, modified version, css border, code generator, css3, browser technologies, time effects, time experience, face generator, tool resource, fan charts, compatibility list, button generator, support case, security device
  • css3 some new features

    css3 some new features 2010-08-06

    <!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-

    关键词: lt, content type, text html, meta, html xmlns, transitional dtd, w3c, span, gb2312, style type, new features, div, background color, bbb, aaa, radius, ccc, css3, colors, text shadow
  • Using CSS3 new features implementation (oval) rounded border and photo frame

    Using CSS3 new features implementation (oval) rounded border and photo frame 2010-08-19

    There are a lot of Internet use CSS to achieve the rounded border, but these methods are rather complicated, and now, CSS3 standards to achieve rounded borders, oval picture frame border and corner a simple way. CSS3 border definition of new entrants

    关键词: outset, inset, top style, property values, bottom width, border color, photo frame, border width, image width, bottom color, border style, frame border, image property, bottom right, internet use, color border, bottom border, border image, double groove, image border
  • 11 CSS3 produced by the cool image gallery

    11 CSS3 produced by the cool image gallery 2010-09-09

    Published before about css3 article basically shows HTML5 and css3 strong power of the system, which is the result of really cool, can help you achieve some very interesting ideas. Today and share with everyone is CSS3 to Zhizuo the picture gallery,

    关键词: related articles, paragraph, animation, javascript effects, css3, italy, image gallery, picture gallery, strong power, stunning examples, cool image, polaroid
  • Html5 and css3 developed using the 3D version of Tetris and Doraemon

    Html5 and css3 developed using the 3D version of Tetris and Doraemon 2010-10-17

    3D version of Tetris: This is a new Tetris, compared with the traditional Tetris, play has not changed much. However, it is the way to 3D display in the user eyes. Title emphasize HTML5 and JavaScript. Although html5 is new technology, but not JavaSc

    关键词: quot, browsers support, new technology, web technology, css3, technology enthusiasts, viking, tetris play, code games, national web, dora
  • HTML5 + CSS3 first work

    HTML5 + CSS3 first work 2010-12-11

    The company is currently doing a project management background, as is the use of internal staff, so I decided to use the latest technology to HTML5 + CSS3 implementation. Made a DEMO Here we can access http://www.websiteui.com/css3/draft.html With th

    关键词: implementation, demo, elements, latest technology, internal staff, project management background
  • Recommendation 12 beautiful realization CSS3 button

    Recommendation 12 beautiful realization CSS3 button 2011-05-13

    In the past, we are using JavaScript to achieve a beautiful image or button effect, as more browsers support CSS3 and improve the use of CSS3 looking buttons have been achieved without too many obstacles. Today, this collection of 12 CSS3 button very

    关键词: browsers support, obstacles, markup, css3, realization, fancy buttons
  • 12 CSS3 development tools help simplify

    12 CSS3 development tools help simplify 2011-05-18

    Web developers design for the site via CSS3 adds a lot of fashion elements, CSS3 specification of CSS to do a lot of improvement. Now, this article will introduce you to 12 help to simplify development tools for CSS3. 1, CSS3 Pie : CSS3 allows IE to

    关键词: development tools, web developers, browsers support, style sheet, box model, design functions, browser features, gradient, css file, access code, css3, inline css, button design, color preview, text shadow, button maker, drop shadow, intuitive design, fashion elements, photoshop effects
  • css3 property Daquan

    css3 property Daquan 2011-05-18

    css3 property Daquan

    关键词:
  • CSS3 Multiple Background

    CSS3 Multiple Background 2011-05-27

    1.CSS3 methods: Multipe Background CSS3, only need to append a number in the Background the background url to body { background: url (....) repeat-x 300% 0, url (.....) ...} However, due no later than the speed of CSS3 support of man, so the use of t

    关键词: quot quot, background url, body background, reference point, ie8, css3, element content, relative reference, analogue
  • CSS3 buttons

    CSS3 buttons 2011-03-15

    CSS3 buttons 网站 : http://css3buttons.michaelhenriksen.dk/ CSS3 buttons 是一个简单的框架,用来生成网页上漂亮的按钮 授权协议: 未知 开发语言: HTML/CSS 操作系统: 跨平台

    关键词: html css, 网页组件
  • HTML5/CSS3检测库 Modernizer

    HTML5/CSS3检测库 Modernizer 2012-08-23

    Modernizer 网站 : http://modernizr.com/ Modernizr 是一个用来检测浏览器对 HTML5 和 CSS3 特性的支持程度的 JavaScript 库.有很多大公司在使用这个库,包括 Google.微软.Twitter 等. 示例代码: if (Modernizr.webgl){ loadAllWebGLScripts(); // webgl assets can easily be > 300k } else { var msg = 'With a dif

    关键词: JavaScript, 常用JavaScript包
  • 响应式HTML5/CSS3的框架 ResponsiveAeon

    响应式HTML5/CSS3的框架 ResponsiveAeon 2012-08-23

    ResponsiveAeon 网站 : http://newaeonweb.com.br/responsiveaeon/ ResponsiveAeon 是一个HTML5/CSS3的框架,可以非常快速的创建响应的布局.它有一个网格系统是基于总1104px宽度12列,提供了3个非常容易理解的基本类供使用.该框架使使用@mediaqueries的,支持任何尺寸的设备.除了网格系统,也有排版,列表,表格,按钮和表格的样式. 授权协议: GPLv3 开发语言: JavaScript HTML/CSS 操作

    关键词: html css, JavaScript, 响应式 Web 框架
  • JavaScript快速检测浏览器对CSS3特性的支持

    JavaScript快速检测浏览器对CSS3特性的支持 2013-10-14

    在项目中需要快速检测浏览器是否支持某CSS3特性,比如检测是否支持"transform",然后我的布局会有两种完全不同的版式. 当然除开本文介绍的这种快速方法,还有一种更有名和更通用的方法,那就是modernizr,运行脚本之后它会在html的class上加上浏览器支持的所有特性的列表. 优点: js是可配置的,不需要的特性检测可以在配置脚本中去掉 基于特性检测 js库简单好用 除此之外还有一种不太好的方法,那就是判断浏览器的UA,不好的原因是UA可能会伪造,而且版本判断繁琐,还有不稳

    关键词: 网页设计
  • animate.css 一些常用的CSS3动画效果

    animate.css 一些常用的CSS3动画效果 2013-10-14

    大家已经开始在项目中使用一些CSS3动画效果了吧,这让网站在高端浏览器上看起来很上流.animate.css是一个老外做的各种CSS3动画的合集,比较全,也很炫,大家可以参考学习一下. 项目主页:http://daneden.me/animate/ 自定义下载样式:http://daneden.me/animate/build/ git地址:https://github.com/daneden/animate.css

    关键词: 网页设计
  • jQuery浏览器CSS3特写兼容实例

    jQuery浏览器CSS3特写兼容实例 2013-10-26

    这篇文章主要介绍了jQuery浏览器CSS3特写兼容的方法,实例分析了jQuery兼容浏览器的使用技巧,需要的朋友可以参考下 本文实例讲述了jQuery浏览器CSS3特写兼容的方法.分享给大家供大家参考.具体分析如下: CSS3充分吸收多年了web发展的需求,吸收了很多新颖的特性.例如border-radius css3特性中最令人兴奋的莫过于选择器的增强,例如属性选择器可以根据某个属性值来选择标记,位置选择器可以根据子元素的位置来选择标记. 在目前很多使用的很多浏览器,例如IE7,主要支持cs

    关键词: jquery, css, 兼容
  • 掌握CSS3:一些实用的CSS3技巧

    掌握CSS3:一些实用的CSS3技巧 2013-10-27

    追求完美是没有限制的,即便是娴熟有经验的 CSS3 大师,也一直寻求有助于他们达到 "CSS 禅道"(Zen of CSS)的新资源.本文收集了一些极为有用并有意思的 CSS3 技巧和窍门,是Web开发人员军火库应有的.我们一直在尽力收集副高多种 CSS3 技巧的最新资源,我们相信,你在查看这些东西时不会感觉枯燥.别忘了在社交网站上分享哦. Useful CSS3 LESS Mixins * * * Pimp Your Tables with CSS3 * * * 绘制基本图形 – C

    关键词: 网页设计
  • 6款新颖的jQuery和CSS3进度条插件推荐

    6款新颖的jQuery和CSS3进度条插件推荐 2013-10-30

    进度条和Loading加载动画在当今的网页功能中显得越来越重要了,于是接下来为大家推荐几款比较新颖进度条插件,感兴趣的你可以参考下希望可以帮助到你 现在的网页功能越来越多,尤其是AJAX的广泛应用,进度条和Loading加载动画显得越来越重要了.下面给大家介绍几款比较新颖的jQuery和CSS3进度条Loading加载动画插件,希望对大家有帮助. 1.不同进度显示不同颜色的进度条 这款CSS3进度条和别的有所不同,他的主要特点是随着进度的变化,进度条的颜色会有所改变,这个和游戏中人物的生命值很相

    关键词: 插件, 进度条
  • css3 background-size背景图裁剪实践

    css3 background-size背景图裁剪实践 2013-11-12

    需求来源:前段时间接到了一个人人小站登陆页改版的需求,需要用到背景大图.目前也有很多的网站在使用背景大图的方式,比如微软必应等.那么今天我们就来看看如果解决这个需求~~ 首先我们来看看改版后的小站登陆页的效果 需求分析: 因为浏览器的大小,以及图片的大小是不固定的.当我们的页面需要用一张背景图的时候,就会出现浏览器的留白或者是图片显示不全的情况. 有什么解决的办法呢 ?javascript 和 css 首先我们来简单的说一下怎么用javascript来解决背景自适应屏幕大小的问题 <body>

    关键词: 网页设计
  • IE10将增强对HTML5和CSS3的支持

    IE10将增强对HTML5和CSS3的支持 2013-11-21

    Windows 8 终于发布了,虽然现在可用的只是开发者预览版,好消息是,IE 10 也随着发了,虽然现在还只有Windows 8可用.我们来看下IE10都有哪些新特性吧. IE开发者中心给到了一份详细的针对前端开发者的文档,列出了IE10支持的HTML5和CSS3新特性.嗯,它终于跟上了: CSS3 css region css3多列 Flexbox grid 定位浮动(positioned float) 3D变换(3D transfrom) 动画(animation) 渐变(gradient

    关键词: 网页设计
  • 10个不错的CSS3表单教程

    10个不错的CSS3表单教程 2013-12-19

    CSS3的出现,为制作更好的网页表单带来无数新的可能.在本文中,我收集了10种运用新技术CSS3,制作非常棒的表单的教程. 1. HTML5 和 CSS3表单 HTML5引进了类似诸如滑动条.数字旋转器.日期选择自定义这些实用的新表单元素.该教程会教你怎样用HTML制作表单,并且和CSS3相得益彰.它能够将CSS3和HTML5巧妙地结合在一起. 2. 无图片和JavaScript的 CSS3 表单 虽然这个教程是法语的,但是效果出人意料.对于不会法语的读者,只需要找到源代码,并充分利用它. 3.

    关键词: 网页设计
  • IE9即将现身 支持HTML5/CSS3/SVG标准

    IE9即将现身 支持HTML5/CSS3/SVG标准 2013-12-23

    随着一年一度的MIX大会的临近,关于大会内容方面的消息也多了起来.其中颇受瞩目的就是微软的下一代浏览器IE9有望在大会上首次现身,而且多方线索显示,IE9将支持HTML5.向量图形和最新的CSS3标准. MIX 2010的主会场中将举办名为"HTML 5 Now: The Future of Web Markup Today"(HTML5:当今Web标记的未来)的会议,Opera的Molly Holzschlag将进行主题演讲.Holzschlag预计,微软会在IE9中新增对HTML5

    关键词: 浏览器
  • 11个CSS3按钮制作教程

    11个CSS3按钮制作教程 2013-12-29

    CSS3作为一个新技术,尽管某些浏览器不支持,但在过去的6个月里,CSS3已然吸引了设计师和Web开发人员的注意力.实际上,有了CSS3,可以创建更好网站.在本文,Jean-Baptiste Jung 整理收集了11个在CSS3中制作漂亮按钮的教程. 1. 用CSS3和RGBA制作超酷按钮 » 查看教程 2. 用CSS3制作Google风格按钮 » 查看教程 3. CSS3 渐变按钮 » 查看教程 4. Kick-Ass CSS3 按钮 » 查看教程 5. 纯 CSS3 图标 » 查看教程 6.

    关键词: 网页设计
  • CSS3,HTML5和jQuery搜索框集锦

    CSS3,HTML5和jQuery搜索框集锦 2014-01-09

    小编收集了13个有用的CSS3,HTML5和jQuery搜索表单脚本来帮助大家从头开始创建一个搜索框.希望能够帮助到大家,让我们一起来看看吧! 添加搜素框或网站搜索功能是为了方便用户能够轻松.快捷地找到自己需要的信息.因此,在网站中添加一个搜索框已经成为网页设计的主流元素之一.添加一个搜索框到网站会使得用户界面更加友好,也能帮助用户轻松愉快地浏览. 脉动的CSS3输入搜索框 输入搜索框带有边框和类似脉冲的阴影跳动. 纯CSS的建议搜索框 这是一个使用纯CSS构建扩展建议搜索框的简单教程. CSS

    关键词: jquery, css3, 搜索框, html5
  • css3:border-radius圆角边框详解

    css3:border-radius圆角边框详解 2014-01-18

    前言 今天来聊聊这个border-radius属性,radius的英文意思是弧度的意思,而国人更喜欢称之为圆角,因为它可以使得我们的边框有棱有角.当年前辈们都是用图片君搞定圆角的年代或用一条条边框构造的年代已经一去不复返,而移动互联网的高速发展为border-radius属性的飞速发展,so今天就来聊聊圆角边框.虽然英文翻译过来叫做半径弧度,但是为了能让大家更加熟悉,下文统一使用圆角半径来代替. 相关介绍 这个borde-radius属性其实也是一个简写值,它分别是 border-top-lef

    关键词: 网页设计
  • 使用CSS3开启GPU硬件加速提升网站动画渲染性能

    使用CSS3开启GPU硬件加速提升网站动画渲染性能 2014-02-05

    最近几周一直在搞自己的个人网站,一来是为了总结一下近几年自己的前端职业历程,二来是希望把这个网站做成自己的Web版个人履历/简历.网站首屏会有一个跟随鼠标进行空间透视移动的DOM动画效果,这里用到了一些JS逻辑,由于涉及到动画和性能问题,这里简要总结一下开发过程中遇到的一些问题.想来博客已经近两年没有更新过了,甚感愧疚,2014年一定一定一定会勤快些的! 大家看过网站之后,应该能大致了解到,动画中使用了很多大尺寸半透明PNG24图片,具体尺寸取决于你电脑的分辨率,目前会根据1920/1440/1

    关键词: 游戏资讯
  • 别担心,有HTML5,CSS3在

    别担心,有HTML5,CSS3在 2014-02-06

    HTML5和CSS3热潮正横扫网络,从事互联网行业,特别是前端工作者,大家或多或少都有了解.学习和使用,HTML5和CSS3包含丰富的技术内容,在每周的技术分享交流会中,页面构建工程师@Sunshine珍??/a> 同学,从三个特别的角度出发,配合丰富的实例,概括了HTML5与CSS3对页面工作带来的息息相关的变化和精彩. 一.我们担心苦恼的那么事儿 1.1 对于页面构建者来说: 表现层会遇到一些难题,欣赏绚丽的UI设计稿的同时,也在苦恼怎样用现用的技术力量去实现圆角,阴影,高光,渐变,透明等各

    关键词: 网页设计
  • 前端之美:9个很酷的基于CSS3和JavaScript实现的效果

    前端之美:9个很酷的基于CSS3和JavaScript实现的效果 2014-02-17

    这篇文章向大家分享9个很酷的挑选自 DemoStudio 的 CSS3 和 JavaScript 实现的精美效果.DemoStudio 是 Mozilla Developer Network(MDN)用于展示一些非常优秀的 CSS3 和 JavaScript 效果的网站,Google 也有一个 Chrome Experiment,用于展示最新的 Web 技术应用.相信下面展示的这些效果会给你留下非常深刻的印象,让你体会到Web的美妙! 3D Image transition 艳丽的图片,可以和

    关键词: 网页设计
  • CSS3实例分享之多重背景的实现(Multiple backgrounds)

    CSS3实例分享之多重背景的实现(Multiple backgrounds) 2014-03-18

    对于背景属性background-image大家应该已经很熟悉了,在CSS2中与它相关的属性还有background-repeat(设置背景是否重复及重复的方式).background-position(设置背景图片在容器中的位置).background-attachment(设置背景是否随页面一起滚动),通过这些属性来控制背景图片在容器中如何显示,但我们也只能为容器提供一张背景图片,如果我们想让一个容器的背景用多张图片实现,那么我们该如何去做呢?再在容器里添加一些无用的元素吗? CSS3的诞生

    关键词: css3, 多重背景
  • 用CSS3 Region和3D变换实现书籍翻页效果

    用CSS3 Region和3D变换实现书籍翻页效果 2014-03-19

    前言:我曾在之前的分享里提到CSS3 Region(区域模块)的重要作用:实现更复杂的排版效果,实现更丰富的富文本体验.下文就是和此模块相关的实际应用,可以看到未来它将发挥出巨大的作用. 这一天终于到来:你开始对大段滚动的文字感到厌倦,并正在寻找一种新的格式,更加优雅,更加紧凑.它可以把长长的滚动条切分为整齐的页面并结合在一起.我把这个发明叫做"书". 利用CSS3 Region(去CanIUse看看当前浏览器支持的情况,Chrome需要进入chrome://flags并激活CSS3

    关键词: 网页设计
  • js 获取和设置css3 属性值的实现方法

    js 获取和设置css3 属性值的实现方法 2014-03-21

    本篇文章介绍了,使用js 获取和设置css3 属性值的实现方法.需要的朋友参考下 众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了. 如: <div style="left:100px"></div> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left='100px' 即可.很简单. 但是css3来了 如: <div style="-webkit-transfor

    关键词: 获取属性值
  • wap手机图片滑动切换特效无css3元素js脚本编写

    wap手机图片滑动切换特效无css3元素js脚本编写 2014-03-24

    手机图片滑动切换,网上有很多这样的例子,但都借助于其他组件,让代码混乱的不行,本例无css3元素js脚本编写,需要的朋友可以参考下 手机图片滑动切换,网上有很多这样的例子,但都借助于其他组件,让代码混乱的不行:还有就是用到css3里的 transform:translate(x,y);移动元素,不过发现在不支持css3的设备上马上完蛋了,所 有下定决心自己做一个,谁知出现了很多的问题,其中最重要的是给图片加链接,网页中的上下滚动条不能在拖动图片的时候滚动,并且不能兼容pc机器上的拖动:在这里就简

    关键词: 图片滚动
  • 20个很酷的CSS3导航菜单制作教程

    20个很酷的CSS3导航菜单制作教程 2014-03-29

    CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果.以前很多需要编写 JavaScript 才能实现的效果,如今只需要简单的写几句 CSS3 代码就能实现.今天这篇文章就向大家推荐20个很酷的CSS3导航菜单制作教程,展示一下 CSS3 的魅力. How to Create a CSS3 Wheel Menu How to Create a CSS3 Tabbed Navigation How to Create a Modern Ri

    关键词: 网页设计
  • CSS3 pointer-events介绍

    CSS3 pointer-events介绍 2014-03-31

    其实早知道这个属性,但是一直没有去研究过.今天正好在twitter看到这个词,就去研究了下,正好解决了目前遇到的一个小难题,所以分享下.嗯,其实这是个比较简单的CSS3属性. 在某个项目中,很多元素需要定位在一个地图层上面,这里就要用到很多绝对定位或者相对定位的元素,但是这样的话,这些浮在上面的div或者其它元素一般都会给个宽高,或者relative的元素可以不给宽高,这个时候,这些元素就会盖住下面的地图层,以至于地图层无法操作... 然后正好在Google map见到了类似的问题,拿来当例子来

    关键词: 网页设计
  • CSS3 Region:基于HTML和CSS3的富页面布局

    CSS3 Region:基于HTML和CSS3的富页面布局 2014-04-06

    互联网已经成为一个提供参考.教材.新闻.文章和交互应用的大宝库了.然而,当为印刷设计内容时,一些功能显然仍然不可能或者很难使用Web标准来实现. 印刷出版物正在探索更好的方法来转换或者改变他们的内容以适应富数字格式.我们也看到这是一个让网页更富于表现和支持更复杂布局的好机会. Adobe通过增强CSS进行了一些实验来展示一些传统杂志使用的复杂布局.我们也提交了一些建议到W3C CSS工作组,并构建了一个原型来通过webkit实现这些提案.你可以从Adobe Labs下载这些原型体验下. 然后你也

    关键词: 网页设计
  • 实现纯CSS3幻灯片的一种思路

    实现纯CSS3幻灯片的一种思路 2014-04-08

    今天看到一个有意思的demo,用纯css3实现了幻灯片. http://csscience.com/responsiveslidercss3/ Best In Test: Firefox (transition performance) Full Support: Chrome, Firefox, Opera, Safari (latest versions of all browsers) Partial Support: IE9 (Functional, but does not suppo

    关键词: 网页设计
  • jquery和css3实现的炫酷时尚的菜单导航

    jquery和css3实现的炫酷时尚的菜单导航 2014-04-13

    点击列表图表后,内容页面向内移动显示菜单项.当单击关闭菜单按钮时,菜单项隐藏,内容页恢复原位 今天为大家带来的是jquery和css3实现的不错的导航菜单.点击列表图表后,内容页面向内移动显示菜单项.当单击关闭菜单按钮时,菜单项隐藏,内容页恢复原位.看下图 源码下载 我们看下实现代码: html代码: <div style="position: relative; height: 400px; width: 825px; margin: auto;"> <div cl

    关键词: css3, 菜单导航
  • JS判断浏览器是否支持某一个CSS3属性的方法

    JS判断浏览器是否支持某一个CSS3属性的方法 2014-04-14

    css3表现冲击最大的就是动画了,因此很有必要去事先判断浏览器是否支持,写CSS3动画库就只有部分浏览器支持 1.引子 css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候.比如transition的animation-play-state,就只有部分浏览器支持. 2.检测方法 下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性: /** * 判断浏览器是否支持某一个CSS3属性 *

    关键词: CSS3属性
  • 13个有用的HTML5.CSS3和jQuery搜索表单教程

    13个有用的HTML5.CSS3和jQuery搜索表单教程 2014-04-15

    概述:还在为没有一个超赞的网站搜索框而烦恼吗?那还不赶紧来看小编为各位搜集的13个有用的搜索表单教程!一起看起来吧! 添加搜素框或网站搜索功能是为了方便用户能够轻松.快捷地找到自己需要的信息.因此,在网站中添加一个搜索框已经成为网页设计的主流元素之一.添加一个搜索框到网站会使得用户界面更加友好,也能帮助用户轻松愉快地浏览. 下面,小编收集了13个有用的CSS3,HTML5和jQuery搜索表单脚本来帮助大家从头开始创建一个搜索框.希望能够帮助到大家,让我们一起来看看吧! 脉动的CSS3输入搜索框

    关键词: 网页设计
  • jquery+css3打造一款ajax分页插件(自写)

    jquery+css3打造一款ajax分页插件(自写) 2014-04-17

    这篇文章主要介绍了自己写的一款ajax分页插件,用jquery+css3打造支持IE6+,但没有动画效果,需要的朋友可以参考下 最近公司的项目将好多分页改成了ajax的前台分页 以前写的分页插件就不好用了,遂重写一个 支持IE6+,但没有动画效果 如果没有硬需求,个人认为没必要多写js让动画在这些浏览器中实现 css3的动画本来就是帮我们取代js中这部分动画代码的 使js更纯粹地去实现逻辑 效果图如下: 调用代码如下: 包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用

    关键词: css3, ajax分页

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.715 (s). 8 q(s)