Html5+CSS3 - 文章分类(第11页) - Shimily

必须记住的 30 类 CSS 选择器

摘要：大概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。 1. * ... 阅读全文

posted @ 2014-11-20 09:48 Shimily 阅读(153) 评论(0) 推荐(0)

非常全的CSS3动画效果大全【css3常用动画】★★★

摘要：/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;a... 阅读全文

posted @ 2014-10-30 17:18 Shimily 阅读(4110) 评论(0) 推荐(0)

【表单验证插件】 jQuery.validator 验证规则详解

摘要：前言：jQuery.validator是一款非常不错的表单验证插件，验证方式非常简单方便，它还对HTML5做了兼容处理，了解了验证规则，就基本掌握了它的使用，下面就让我一一道来 jQuery.validator 验证规则一、在元素的class属性中添加需要验证的规则，多个规则以空格隔开邮箱：requ... 阅读全文

posted @ 2014-08-28 09:38 Shimily 阅读(325) 评论(0) 推荐(0)

★★【页面离线】离线缓存技术★★★ 测试成功

摘要：一. 离线网络应用程序基础离线网络应用程序的核心是一个 content type (内容类型) 为 cache-manifest 的文本文件。这个文件保存了应用程序中需要离线存储的文件（HTML, CSS, JavaScript, 图片等）。举一个简单的例子，若一个应用程序由以下文件组成：index... 阅读全文

posted @ 2014-08-26 14:26 Shimily 阅读(278) 评论(0) 推荐(0)

css3 背景颜色渐变

摘要：.vote-box-list { float: left; width: 586px; border:#FF0000 1px solid; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7f6e6), ... 阅读全文

posted @ 2014-08-21 09:21 Shimily 阅读(121) 评论(0) 推荐(0)

CSS3制作文字特效

摘要：今天主要搜集了一些网页中文字用css3制作的特效，并亲自尝试了一下，现把关键的代码和效果贴出来与同学们一起分享，希望能对大家在平时的制作中有所帮助。废话不说，直接进入效果的制作，感兴趣的同学跟着我的代码制作一次，你肯定会有不少的收获。Inset Text(内阴影效果) 内阴影的文字效果是利用text... 阅读全文

posted @ 2014-08-15 10:03 Shimily 阅读(535) 评论(0) 推荐(0)

HTML5/CSS3实现五彩进度条应用

摘要：接下来我们来分析一下这款进度条的源代码以及实现思路，代码主要由HTML和CSS组成，如果你需要动态改变进度值，也可以自己添加Javascript代码，也是比较简单的。HTML代码： 20% 40% 60% ... 阅读全文

posted @ 2014-08-15 10:01 Shimily 阅读(267) 评论(0) 推荐(0)

css中!important的用法总结

摘要：无标题文档这一行末使用important。class的优先级小于id的优先级。IE7是红色，firefox是蓝色。这一行使用了important 在不同的浏览器下，这行字的色应该不同！IE7，Firefox是红色。IE6是蓝色阅读全文

posted @ 2014-08-14 09:49 Shimily 阅读(235) 评论(0) 推荐(0)

css3中新增的样式使用方法

摘要：在PC版开发中由于IE原因，我们很少用到css3，但随着平板和智能手机进入我们的生活，以及现在越来越流行，在手机版和平板版开发中我们就可以大胆的使用了，下面我们探讨常用几个css3属性：1.css3前缀使用介绍，我们直接看个例子：-webkit-transform:rotate(-3deg);//给... 阅读全文

posted @ 2014-08-14 09:37 Shimily 阅读(157) 评论(0) 推荐(0)

js获取IP地址的方法小结

摘要：js代码获取IP地址的三种方法，在js中取得客户端的IP地址。1，js取得IP地址的方法一复制代码2，js取得IP地址的方法二复制代码3，js取得ip地址的方法三，腾讯IP，转UTF-8：$(document).ready(function() {$("#ip").val(IPData[0]);$... 阅读全文

posted @ 2014-07-28 11:57 Shimily 阅读(1840) 评论(0) 推荐(0)

纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）,里面很多涉及到CSS3的一些属性。

摘要：1、正方形最终效果：CSS代码如下：#square { width: 100px; height: 100px; background: red; }2、长方形最终效果：CSS代码如下：#rectangle { width: 200px; height: 10... 阅读全文

posted @ 2014-07-28 11:45 Shimily 阅读(205) 评论(0) 推荐(0)

CSS常用浮出层的写法

摘要：贴上HTML： ◆◆ ◆◆ ◆◆ ◆◆ Hi，知道吗？大前端D7主题很快就疯抢了！以上HTML构成了一个浮出层和四个方向的尖角，其实你只需要其中的一个span标签，所以真正用上的代码并没那么多。贴上CSS：/* poptip */.poptip{position: a... 阅读全文

posted @ 2014-07-28 11:24 Shimily 阅读(129) 评论(0) 推荐(0)

CSS创建三角形（小三角）的几种方法

摘要：你可以在很多地方看到三角形（小三角）：tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢，这些小元素对各UI元素之间的联系关系式很重要的。有一些不同的方法来设计并制作一个三角形，在本文中，我将介绍：点此查看实例展示编码图片假如你已经有了三角形的图片，并且减少HT... 阅读全文

posted @ 2014-07-28 11:22 Shimily 阅读(250) 评论(0) 推荐(0)

CSS3 iphone式开关的推荐写法

摘要：.onoff{ overflow: hidden; display: inline-block; margin:0 0 -5px 15px; width: 60px;height:20px; border-radius: 20px; border: solid 1px #999;}.onoff la... 阅读全文

posted @ 2014-07-28 11:21 Shimily 阅读(134) 评论(0) 推荐(0)

transform与transition 区别

摘要：transform 【静态控制变形】transform的属性包括：rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推。transform:rotate()：含义：旋转；其中“deg”... 阅读全文

posted @ 2014-07-28 11:20 Shimily 阅读(1803) 评论(0) 推荐(0)

css3 翻转和旋转的区别

摘要：css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate旋转：（rotate）-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:... 阅读全文

posted @ 2014-07-28 11:08 Shimily 阅读(172) 评论(0) 推荐(0)

HTML5兼容IE的写法

摘要：来作为IE8的兼容方法，虽然微软将IE向标准迈进了一大步，而事实上IE8还存在一系列渲染的奇怪现象是不争的事实。关于X-UA-Compatible，目前绝大多数网站都用或许2014年以后我们可以有更多的时间去关心IE8，而不是IE6或者IE7。在X-UA-Compatible中... 阅读全文

posted @ 2014-07-27 12:43 Shimily 阅读(321) 评论(0) 推荐(0)

CSS 实现的各种球体效果【附在线演示】

摘要：http://www.cnblogs.com/lhb25/p/css-balls.htmlCSS 可以实现很多你想不到的效果，今天我们来尝试使用 CSS 实现各种球体效果。有两种方法可以实现，第一种是使用大量的元素创建实际的 3D 球体，这种方法有潜在的性能问题；另外一种是使用 CSS3 渐变和阴影... 阅读全文

posted @ 2014-07-25 18:30 Shimily 阅读(794) 评论(0) 推荐(0)

前端集锦：十款精心挑选的在线 CSS3 代码生成工具

摘要：http://www.cnblogs.com/lhb25/archive/2012/09/27/10-css3-online-generator-tools.html今天这篇文章向大家推荐十款非常有用的在线 CSS3 代码生成工具，这些工具能够帮助你方便的生成 CSS3 特效。CSS3 是对 CSS... 阅读全文

posted @ 2014-07-25 18:27 Shimily 阅读(326) 评论(0) 推荐(0)

使用css3制作正方形、三角形、扇形和饼状图

摘要：1.利用边框制作正方形如果将盒容器的width和height设置为0，并为每条边设置一个较粗的width值和彼此不同的颜色，最终会得到四个被拼接在一起三角形，它们分别指向不同的颜色。html代码：11css3代码： #square{ width:0; ... 阅读全文

posted @ 2014-07-24 13:41 Shimily 阅读(223) 评论(0) 推荐(0)

Shimily

学而不思则罔，思而不学则殆

文章分类 - Html5+CSS3