基于CSS3动态背景登录框代码。这是一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效。效果图如下： 在线预览 源码下载 实现的代码。 html代码： Welcome ...
随着网站的越来越普及，CSS3和HTML5必将成为网站前端发展的主流方向，特别是在移动端，高端浏览器给前端工程师们带来了无以言表的体验。 通俗的来讲，CSS3可以说是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括：盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等...
概览 CSS3 包含几个新的背景属性，它们提供了对背景更强大的控制。 新的属性 background-size: 规定背景图片的尺寸。 background-origin: 规定背景图片的定位区域。 background-clip: 规定背景的绘制区域。 浏览器支持 Internet Explorer 9+、Firefox、Chrome、Safari 以及 Opera 支持新的背景属性。 背景尺寸 background-size 属性规定背景图像的尺寸。 body{ background: url(bg_flower.gif); background-...
改变默认选中的背景颜色 ::-moz-selection{background:#FF0000;color:#FFFFFF;}::selection {background:#FF0000;color:#FFFFFF;}code::-moz-selection {background:#FF0000;color:#FFFFFF;}code::selection {background:#FF0000;color:#FFFFFF;} 设置页面禁止选中 /*全局*/html,body{ padding:0px; margin:0px; background:#fff; moz-user-select: -moz-none; -moz-user-select: none; -o...
手机端现在的一些应用会运用上这样一个效果，就是duang的一下出现一个圆变大直到填充整个div，动感十足。 想到css3的scale属性，就自己来实现一下。 css样式,用border-radius属性设置圆，改为用背景透明的白色大圆形能达到同样的效果: .anim{ position: absolute; border-radius: 50%; height:1200px; width:1200px; background-color: #fff; border-radi...
起初是在处理一个图片显示的问题, 图片没有有一部分没有显示出来, 之后用到了background-size, 发现有必要总结一下。 background-size 首先声明 background-size是一个css3属性。 翻译过来很容易就知道它是用来规定背景尺寸的。 关于浏览器兼容性 IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+。 用法 background-size有4个值分别是(length | percentage | cover | con...
适逢元旦假期，妹子逛街吃火锅看电影陪女朋友之际，像风一样的写完了这篇文章！文章画风略微粗糙，但是这个动画的实现还是很费了一番脑子的，话说程序猿之间交流并不需要过多解释，上代码就搞定。 首先说一下我们这个要实现的圆环进度动画，有三个特点： 1、背景是透明的，所以用遮挡实现的方法就不用考虑了； 2、圆环颜色是有透明度的，所以用两个半圆环实现大于180度的圆环效果不能有叠加部分； 3、最好用纯css3简洁的实现。 ...
分享一款CSS3给图片添加旋转背景特效。这是一款纯CSS3实现的当鼠标滑过图片时文字旋转动画特效。效果图如下： 在线预览 源码下载 实现的代码。 html代码： 魔力唇彩 嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑 魔力唇彩 嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑 ...
css3背景颜色渐变属性 兼容性测试基础环境为：windows系统；IE6.0+, Firefox4.0+, Chrome4.0+, Safari4.0+, Opera15.0+ 语法： <linear-gradient>：linear-gradient([ ,]? <color-stop>[, <color-stop>]+); ：[ left | right ]? [ top | bottom ]? || ? <color-stop>： [ | ]? 取值： left： 设置左边为渐变起点的横坐标值。 right： 设置右边为渐变起点的横坐标值。 top： 设置顶部为渐变起点...
边框 和边框相关的属性如下。 border-width 用于设置边框的宽度，可选择包括： 1）：将边框宽度设为以CSS度量单位（如em、px、cm）表达的长度值； 2）：将边框宽度值设为边框绘制区域的宽度的百分数； 3）thin、medium和thick：将边框宽度设为预设宽度，这三个值的具体意义是由浏览器定义，三个值代表的宽度一次增大，边框宽度的默认值是medium。 border-style 用于设置绘制边框使...
效果体验：http://hovertree.com/texiao/css3/10/ 一般做图片切换效果，都会使用JS或者jQuery脚本，今天发现，其实只用CSS也可以实现。试试效果吧。 效果图：代码如下： 纯CSS3实现全屏背景切换焦点图效果 - 何问起图片切换1图片切换2图片切换3图片切换4图片切换5何问起 纯CSS3实现全屏背景切换焦点图效果原文 首页 特效 转自：http://hovertree.com/h/bjaf/8c5uhche.htm 更多特效：
为了添加透明度，我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。rgba()后面的百分比表示位置。 具体代码： background: -webkit-linear-gradient(top, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,255,255,0)98%);/* Safari、Chrome */background: -o-linear-gradient(bottom, rgba(255,255,...
细节注意 盒子：border-box | padding-box | content-box用于background-origin背景的开始和background-clip的剪切位置。渐变也是生成一张图片相当url(),可以在前面或者后面加 repeat background-size其他等多层背景，最后加背景颜色哦，当然其他也能加，但是前面加的就覆盖最后的了。例子：240px 120px/100% 200px，这里面的背景开始位置position/背景尺寸size都是x和y方向，可以负值，可以百分比（以当前div的宽高，而不是背景...
1.背景的五种基本属性background-color（背景颜色）background-image（背景图片）background-repeat（背景图片展示方式）background-attachment（背景图片是固定还是滚动）background-position（背景图片位置）综合使用：background:[][][][][] 2.background-color属性语法：background-color:transparent || transparent：透明色color：颜色名、rgb色、hls值、十六进制值、rgba色、hsla值 3.background-image属性语法：back...
CSS3 这张图片有边框，据说css3有办法能把这张图片变大作为背景，但还不复制边框。哪位大神说说。 回复讨论(解决方案) 还不复制边框是神马意思 还不复制边框是神马意思 我也不太清楚，反正就是这张图片如何放大作为背景图片，例如repeat-x之类的，但是这张图片有边框，如果repeat-x的话，背景图片会重复黑线，我要的是纯白的。 这个就不大清楚了，在ios里面有一种九妹的拉伸方法，原理就是通过像素点去拉伸，这样对于纯...