纯css实现气泡效果
先上代码： 效果图： 主要运用的是1.border 组成的直角三角形。2，before 和 after 伪元素 。3，z-index属性 1. 将元素的长宽设置为0，并且将border的3条边设置为透明的，就会出现border颜色的直角三角形 ...
原文：CSS3效果：实现气泡效果
首先定义一个 先给外层的容器添加样式： 没有什么特别复杂的，主要的核心就在postion:relative，用来定位对话浮层的。我们还需要一些Mozilla和webkit的属性来完成圆角和阴影，IE 以下的浏览器看不到这些属性，只是显示一个框，不影响总体的效果。 我们现在需要创建对话浮层下面的那个三角形的指向标志了。不使用图片，我们使用CSS边框来完成这个效果。看看下面这个用不同颜色边框完成的效果 ...
2014-04-22 17:51 0 3711 推荐指数：
相关推荐
css实现气泡框效果
前提：气泡框或者提示框是网页很常见的，实现它的方式有很多，我们以前最常用的就是切图片 然后通过 "定位" 方式 定位到相应的位置，但是用这种方式维护很麻烦，比如设计师想改成另外一种或者另外一种颜色 那我们只有再次切图片等。下面我们来学习下使用html+css来实现这种效果！ 如下效果 ...
分享Css3设计---纯Css实现超酷的iphone玻璃气泡效果
demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#bubble 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 最近做手机项目时候，需要实现一个类似iphone SMS效果的气泡 ...
css实现聊天气泡效果
--------------------------------------- css功能强大，能实现很多炫 酷的效果，今天给大家分享 用css3绘制聊天气泡的方法 ...
用css3实现各种图标效果（1）
公共样式 应该说现在绝大多数公司的项目前端都是一团乱，不仅仅是js写的没有任何框架而言，css同样也是如此，导致项目如果要升级或者说有新的变更维护起来就特别困难。 最近领导决定花大时间整理一下css样式，用他的一句话来说就是为后来者造福。 首先我们在整理样式之前，必须得有一个自己团队的规范 ...
用css3实现各种图标效果（2）
写在前面 写的一模一样的css样式，结果却导致原来出来不一样的效果图。 用chrome的开发者工具查看，比较起来还是一模一样的css样式，可为什么会出现不一样的placeholder效果呢？一个白色粗体，一个灰色正常字体。 找了老半天找不到原因 后来才发现是我同事写的框架css里面 ...
css3 实现卷帘效果
...
Css3实现波浪效果2
一、不规则圆，旋转实现波浪效果 二、2个大圆的旋转 三、常见样式 显示效果： 更多： Css3实现波浪线效果1 HTML5 background-color和background-image问题共用问题 ...