Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

关闭

搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

Css3pie
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://css3pie.com/
GitHub:https://github.com/lojjic/PIE
网站描述:使用PIE对IE进行CSS3兼容
访问官网 GitHub

css3pie可以使得 IE 6-8 版本能够输出大多数非常有用CSS3修饰特性。

官方网站:http://css3pie.com/

演示地址:http://css3pie.com/demos/gradient-patterns/

重要功能实现:可以使 IE6、7、8 、9 实现类似 chrome 和 firefox

1.  更自然逼真的阴影效果,不再是以前那种丑陋的滤镜效果。
2.  实现很自然的圆角效果
3.  实现部分 CSS3  的强悍效果,如 多背景图,border-image,更强的背景渐变效果。
4.  png 图片透明效果


CSS3pie是什么?

CSS3pie是一款非常优秀的CSS3工具,可以让IE6至IE8版本实现大多数的CSS3修饰特性,如圆角、阴影、渐变等等,通过这个工具,可以在线修改想要的效果,并即时生成css代码。

css3pie怎么用?

1、下载CSS3PIE插件
下载地址:http://css3pie.com/download/ GitHub https://github.com/lojjic/PIE/downloads
2、使用
在下载完成的压缩里面,里面有三个文件,有一个名字为PIE.htc的文件,这就是让IE6-8能够支持部分css3特征的插件。
将pie.htc 文件,放到我们项目的文件夹中。
在css代码中在需要使用css3的地方添加behavior: url(PIE.htc);指定到htc文件的位置就可以了(相对于html文档)。


示例:

包括圆角、阴影和渐变三种效果。

.pie{

width: 200px;

height: 100px;

line-height: 100px;

font-size:14px;

border: 1px solid #669966;

text-align: center;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

-webkit-box-shadow: #666666 0 2px 3px;

-moz-box-shadow: #666666 0 2px 3px ;

box-shadow: #666666 0 2px 3px ;

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));

background: -webkit-linear-gradient(#EEFF99, #66EE33);

background: -moz-linear-gradient(#EEFF99, #66EE33);

-pie-background: linear-gradient(#EEFF99, #66EE33);

behavior: url(PIE.htc);

position:relative;

z-index:10;

}


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/3268

more>>
相关栏目
sass
成熟、稳定和强大的CSS扩展语言
官网 GitHub
postcss
PostCSS是一个使用JavaScript插件来转换CSS的工具。
官网 GitHub
stylus
Stylus是一个高效、动态以及丰富的CSS预处理器
官网 GitHub
animate.css
齐全的CSS3动画库
官网 GitHub
Metro UI
基于平板界面设计CSS库是一种界面展示技术
官网 GitHub
Spectre.css
轻量响应式 CSS 框架
官网 GitHub
water.css
只需添加CSS框架即可应用样式,无需定义元素类
官网 GitHub
DropCSS
一个用来清理无用 CSS 的小工具
点击进入 GitHub
Pattern.css
一个CSS库,使用美丽的图案填充空的背景。
官网 GitHub
three-dots
一组CSS加载动画,它由三个点组成,而这些点仅由单个元素组成
官网 GitHub
CSSeffectsSnippets
提供了漂亮的CSS动画
官网 GitHub
Angrytools
多样定制,实用,支持单个动画代码复制的网站
官网
magic
带多种动画效果的CSS3动画库
官网 GitHub
topcoat
一款为简洁高速Web应用提供CSS开发的工具
官网 GitHub
Biomatic UI
简单,灵活的CSS框架
官网 GitHub
css-animation-101
从零开始介绍 CSS 动画开源电子书
官网 GitHub
首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主。All Rights Reserved. 网站备案号:蜀ICP备13022973号

手机预览