
CSS特效鼠标悬停图标展开简介动画效果
一款纯css实现的动画效果,无js或jq代码。 HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...
一款纯css实现的动画效果,无js或jq代码。 HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...
网站滚动条可以根据自己喜好修改样式。在所有浏览器中,滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因,市面上基于webkit内核的浏览器也是很难穷举完。例如:Google Chrome、Opera、360极速浏览器,...
我们在做网站的时候经常会用到缩略图,比如产品列表,缩略图肯定是有一个长宽值或长宽比的,如果让图片宽度100%,高度一定值,超出高度的隐藏不显示,这样的话图片显示不完整,可能你的客户是不同意的。如果宽度和高度都用固定值,那么图片可能就会变形显...
图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起...
我们知道CSS 是不能直接定义radio 标签和checkbox 标签的样式,但是默认的实在是太丑了,总要想办法来美化美化这货的。强大的CSS选择器可以帮助我们来实现美化。 首先看下美化过的 再回顾下默认样式 实现方法 HTML结构 <...
这是一款漂亮的 css3 loading 动画特效。该特效中包含了 15 种不同的 loading 动画效果,他们通过简单的 HTML 结构和 CSS3 代码来实现。 HTML 结构 <div class="containe...
先上效果图: html代码 <body> <h1 style="color: red">css实现矩形边角加粗</h1> <div class="main"&...
逛博客的时候看到很多博客 logo 都有类似知更鸟住的扫光效果,于是就踏着大神的步伐一步步实现 logo 扫光效果,记录如下。 logo 扫光效果思路非常简单: 用 CSS3 伪元素 :bfore 或 :after 添加一扫光层; 现用 t...
写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前...
先上效果图,再来代码: 上图是对一个336*280px大小的矩形进行了调整,给它增加了一个投影的效果,就好像它立了起来,有种立体的感觉,怎么做到的呢?其实也就是一段CSS的功夫。先确定下html结构,在你的广告div盒子里增加一个class...