现在的网页中，经常性的会遇到弹出层的效果。类似截图如下就是半透明的边框。汗，前端的同事想到的方案是做个10*10的png24的半透明图片，然后作为背景平铺（让外层盒子的内边距=弹出层边框的宽度）这样能模拟出透明边框的效果。但是万恶的IE6不支持PNG透明……抓狂！今天找到一个比较优的解决方案，使用RGBA.先是说说RGB,RGB色彩模式（也翻译为“红绿蓝”，比较少用）是工业界的一种...
前言气泡组件在实际工作中非常普遍，无论是网页中还是app中，比如：我们这里所谓气泡组件是指列表型气泡组件，这里就其dom实现，css实现，js实现做一个讨论，最后对一些细节点做一些说明，希望对各位有用小钗最近初学CSS，这里做一个专题，便于自身CSS提升，文章有不少问题与可优化点，请各位指导组件分类单由气泡组件来说，他仍然属于“弹出层”类组件，也就是说其会具有这些特性：①布局为脱离文档流②...
一、随便说几句css3动画效果的强大不言而喻，自它出现一直热度不减，它与js动画的优劣也一直成为前端界争论的话题，不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度，利于前端的学习，其精简的代码量把我们从烦人的js调试中解放出来，当然css的动画效果有其局限性，我们不能只用css3模拟出全部的就是动画，另外就是浏览器的兼容性问题。我们这次用css3实现一个轮播图效果，体验一下c...
下面分享的这9款1、还记得之前分享过的两款HTML5?3D波浪动画特效么？它们是纯CSS3/HTML5实现3D波浪形动画和HTML5WebGL实验超酷的HTML5Canvas波浪墙，其中一款利用WebGL让3D效果渲染得淋漓尽致，不过也消耗CPU。今天我们要再分享一款基于HTML53D的点阵列波浪翻滚动画特效，同样是非常的壮观。2、HTML5小球弹跳动画很不错的3D小球今天我要向大家...
表格table标签(表格)、tr标签(行)、td标签(标准单元格)、caption标签(标题)、th标签(表头单元格)。为了更深一层对表格进行语义化，HTML引入了thead、tbody和tfoot这三个标签。这三个标签把表格分为三部分：表头、表身、表脚。table表格caption标题thead表头(语义划分)tbody表身(语义划分)tfoot表尾(语义划分)tr行th表头单...
虽然在国内使用CSS3距离还是有些远，但是我们也要学习这些新技术，今天为大家分享一些很cool的CSS3特效案例，有些带教程，很值得学习的。从这些案例可以看出CSS3为设计师和前端人员减少了很多很多的代码，所以作为一个专业的网页设计师或是前端人员都应该了解和学习它们。CSS3ToolTips提示动画给你的CSS3菜单增加些趣味CSS3手风琴CSS3页面特效CSS3Propertie...
1.首先要分别建立html,img和css3的文件夹。2.html和css3的首页放在文件夹外面。还可以建立一个公共css，比如导航和页脚可以放在公共css里面，在每个页面加上公共css超链接就可以了。减少代码的编写。3.文件夹的名称要写成英文形式。也不要写成汉语拼音，html识别不出来汉字。4.class与id的区别：（1）、在CSS文件里书写时，ID加前缀"#"；CLASS用"."（...
我们在设计网页时，常常会需要考虑到用户体验，那么足够美观的网页才能吸引住用户。为了让网页内容更加丰富好看，我们可能会使用ps做出很多特效，其实除了ps，利用css3属性也能制作出各种好看的特效。下面我们就给大家介绍一个css3实现字体凹陷凸出的特效方法，也就是使字体有立体感。css字体实现凹陷凸出即立体感的代码示例如下：css3字体实现立体感body{background:gray;}h1...
小米布局案例1:产品模块布局分析类似于这样的产品模块,使用css+html布局来完成.MI*{margin:0;padding:0;}body{background-color:#f5f5f5;}.box{width:1100px;height:400px;margin:200pxauto;}.box1{width:200px;height:350px;background-colo...
由于hover伪类添加的动画效果,仅当鼠标放在元素上时会被触发,而当鼠标离开时,效果会中断,会显得很生硬.大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效果.其实不必这么麻烦,CSS3便可以帮你解决这些问题.离开时效果生硬div{width:100px;height:100px;border:1pxsolid;margin:0pxauto;m...