css3 - 随笔分类 - imsomnus

(转载) css实现小三角（尖角）

摘要：在各种网站里面，我们会经常看到类似于这样的尖角：（示例：新浪微博）它实现的方式有多种，哪种才是最简单的？哪种才是最优秀的？首先我声明一下，我还不清楚这个东西具体叫什么名字（哪位知道还望告知），暂且叫尖角吧，通俗易懂。我查看了各大互联网公司的网站，包括腾讯、百度、新浪、天猫、去哪网，腾讯: 百度：阅读全文

posted @ 2015-09-29 11:40 imsomnus 阅读(6008) 评论(0) 推荐(0)

整个网站灰度显示css代码

摘要：body *{-webkit-filter: grayscale(100%); /* webkit */-moz-filter: grayscale(100%); /*firefox*/-ms-filter: grayscale(100%); /*ie9*/-o-filter: grayscale(... 阅读全文

posted @ 2015-06-12 10:29 imsomnus 阅读(885) 评论(0) 推荐(0)

CSS3盒模型display:-webkit-box;的使用

摘要：box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox 阅读全文

posted @ 2014-07-17 22:58 imsomnus 阅读(406) 评论(0) 推荐(0)

HTML5 Placeholder实现input背景文字提示效果

摘要：这篇文章我们来看看什么是input输入框背景文字提示效果，如下图所示：这种效果现在网上非常的普遍流行，但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式，不需要任何的JavaScript，只需要在你的input文本框的标记上添加HTML5规范里新增的place... 阅读全文

posted @ 2014-07-02 11:35 imsomnus 阅读(499) 评论(0) 推荐(0)

CSS3 Pie工具可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等

摘要：css3 pie使用方法： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .style{ border: 1px solid #669966; paddin 阅读全文

posted @ 2014-06-13 16:51 imsomnus 阅读(456) 评论(0) 推荐(0)

随笔分类 - css3

公告