CSS

CSS3动画Transition属性详解及示例演示 Code

CSS3动画Transition属性详解及示例演示

今天来学习一下 CSS3 的动画效果 Transition,CSS3 规定 transition 允许CSS的属性值在一定的时间区间内平滑地过渡,这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。
CSS3 animation 动画属性 Code

CSS3 animation 动画属性

CSS3 animation 属性,可以创建动画,可以取代许多网页动画图像,如Flash动画,和JAVAScripts。 同样也可参考 jQuery animate() 方法。 语法 animation: name···
CSS文字左右两横线效果 Code

CSS文字左右两横线效果

代码效果请直接看演示吧:Demo演示 效果一代码 <style type="text/css" media="screen"> #login_frame .with-line { width:300px;font-size: 16px;···
CSS线性渐变 linear-gradient 前端设计

CSS线性渐变 linear-gradient

今天分享一个CSS的线性渐变功能,比较舒服,比起用图片来,方便不少!! 要创建一个线性渐变,关键在于设置一个渐变的方向和渐变的起止颜色! 这里直接给出一个示例,兼容各大主流浏览器,其中IE用了滤镜! <style> .nuodou_com{/* 背景色渐变 兼容不同内核浏览器 */     background:-webkit-gradient(linear,left···