NoticeUI CSS3提示样式

//validate  错误信息提示样式  可以提示错误信息 可以使用jq 自带的属性改变错误的显示的位置,其中element是验证未通过的当前表单元素,error为错误后的提示信息 [注意]:放的位置

1.强制文本单行显示: white-space:nowrap; 多行文本最后省略号: display: -webkit-box; -webkit-line-clamp:2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; 2.设置溢出文本显示为省略标记: text-overflow:ellipsis; (注:text-overflow:clip | ellipsis | ellipsis-word;

一.value="请输入你要搜索的关键词" onfocus="if (this.value=='请输入你要搜索的关键词') this.value='';" 二.value="请输入你要搜索的关键词" onblur="if(this.value==''){this.value='请输入你要搜索的关键词'}" onfocus="this.value=''" value="请输入你要搜索的关键词&quo

CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利用它我们可以实现多种不同样式的抖动效果(如下面的GIF图像): 炫酷的CSS3抖动样式:CSS Shake 这是一个很微小的动画,但使用得当也是挺不错的,比如用在广告.图像.按钮上,这样可以用来吸引用户眼球从而促使去点击它. 这个Csshake有9个抖动样式,三个状态,如鼠标经过拉动.无限抖动.鼠标悬停拉动. CSS Shake 使用方法: 首先引入css shake的样式表文件.css3按钮:?http://www.hui

.common-dialog-box{ opacity: 0; filter: alpha(opacity=0); position: fixed; top: 0%; left: 50%; z-index: 1000; width: 500px; height: 50px; line-height: 50px; margin-left: -250px; border-radius: 3px; background-color: #fff; overflow: hidden; visibility

1.多列布局--columns 为了能在Web页面中方便实现类似报纸.杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module).它主要应用在文本的多列布局方面. columns:<column-width> || <column-count> 参数 参数说明 <column-width> 主要用来定义多列中每列的宽度 <column-count> 主要用来定义多列中的列数 2.colu

直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时,浏览器并不能完美的渲染它们.不过,如果把这个图片用作背景图,你就可以可以给它添加任何样式了,浏览器也会很好地渲染.Darcy Clarke和我做了一个简单的教程,讲解如何使用jQuery来动态地制作完美的圆角图片.今天我将重温这个主题然后向你展示使用background-image的方法可以实现多少效果.我将向你展示如何使用box-shadow.border-radius 和 transitio

提示工具 提示框在鼠标移动到特定的元素上显示 设置提示框的位置 给提示框添加箭头 提示框的淡入效果 提示框美化 图片廓 响应式图片廓 图像透明 创建透明图像——悬停效果 ———鼠标放置后———>  创建一个具有文本的拥有背景图像的透明框  图像拼合技术 图像拼合————单个图像的集合 [有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求] 图像拼合会降低服务器的请求数量,并节省带宽 与其使用3个独立的图像,不如使用这种单个图像 ——————>   图像拼合的悬停效果 媒体类型 指定

直接调用样式类即可: 1 /* animation */ 2 .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;animation:1s ease;} 3 .a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bounce