CSS

当前位置: 易玩稀有>趣味代码>CSS
  • 可伸缩落地扇,不插电用15个小时

    创意生活7个月前3782 人看过4 人点评¥449.00

    一款可以无线使用的风扇!而且可以折叠,最高能到 90 多厘米,最低只有 15 厘米厚!夏天可以拉高吹风,秋冬可以折叠收纳!...

    查看全文

  • CSS3鼠标经过hover图片抖动特效

    CSS5年前20353 人看过2 人点评

    一个看上去挺不去的CSS3图文列表,是在新浪微博模板商店里看到的,每个图片框都带有阴影效果,整齐排列在一起,看上去很美观,很专业。在鼠标悬停放在图片上的时候,图片会抖动几下,然后静止了,这个效果是基于CSS3实现的,很不错的图片列表效果,希望对你的CSS布局设计有帮助。...

    查看全文

  • 子元素浮动父容器高度不能自适应的CSS解决方法

    CSS6年前19626 人看过

    网页前端工作者经常会遇到子元素设置float浮动后导致父容器高度不能自适应,也就是俗称的外部容器不能被“撑大”,常见表现为背景或边框异常,这时我们就需要来清除“闭合浮动”,方法主要有以下4种:1.额外标签法这种方法就是向父容器的末尾再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器。这种方法浏览器...

    查看全文

  • CSS3伪类选择器实现不同页面导航菜单高亮

    CSS6年前10260 人看过

    当程序没有考虑导航菜单亮度问题或纯静态页面,而A页面和B页面都有一个共同的导航,当从A跳转到B,B中的导航应该记住在A点击的那个链接跳转到B这个页面,那么B页面中的那个链接也应该是选中或者激活状态,我们要怎么做呢?其实除了可以用JS实现外,CSS3的:targe伪类t选择器正好可以解决此问题,于是写在这里给大家作为研究,有时间的话还可研究...

    查看全文

  • CSS3 transition属性实现hover渐变动画效果

    CSS7年前90658 人看过

    我们知道许多网页动态特效都是由FLASH或JQUERY之类的JS特效库实现的,实际上现在CSS3也能实现很多类似效果了,只是在各种浏览器中兼容性稍差,想要追求简单极致的效果,就要失去兼容性,而且随着时间变迁,浏览器标准终究可能还是要统一的。CSS3的Transition属性,这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画...

    查看全文

  • CSS3实现环形炫彩loading动画效果

    CSS7年前5624 人看过

    感觉自从HTML5与CSS3横空出世后,江湖似乎有不再需要JS和GIF的节奏了,今天介绍这款CSS3实现的环形炫彩loading动画效果,结合HTML5SVG制作,效果非常流畅,你能感觉到它是纯代码滴吗?...

    查看全文

  • CSS3二维转换动画transform属性实例集合

    CSS7年前6141 人看过

    CSS3开始引入转换动画概念,今天我们就来介绍Transform-2D转换方法:rotate(旋转、scale(缩放、skew(扭曲/倾斜、translate(位移、matrix(矩形变形。有关该属性详细介绍还可以点击这里。rotate(angle:通过角度参数指定一个2D旋转,在参数中规定角度。skew(x-a...

    查看全文

  • 3款漂亮的CSS3加载Loading动画实例

    CSS7年前7258 人看过

    收集分享3款漂亮的CSS3加载Loading动画实例代码,默认添加了jquery控制开关,实际应用时可以直接只要CSS3,适合深色背景网页使用,当然你也可以按照这个思路做出适合浅色背景网页的代码。...

    查看全文

  • 分享4种CSS3效果:旋转、旋转放大、放大、移动

    CSS7年前5445 人看过

    听说过CSS3的强大,也见识过,但一直没有仔细研究它,其实CSS这种东东算是最入门级的代码玩具了,CSS3相比过去只是新增了许多新的东东,今天我们就来看看CSS3特有的4种动态效果。需要注意的是:请不要试图在IE9版本以下的IE浏览器中看到任何效果,而Chrome、Firefox这类浏览器就比较给力,它们对CSS3毫无压力。...

    查看全文

  • DIV+CSS制作的房子,强大到不行

    CSS7年前6554 人看过

    div+css可以做房子?这一看第一感觉必是标题党!可是确实有个牛人用div+css做了个房子,还居然是可以PK图片的彩色房子,这也太有创意,太强大了吧!本人看到这个的第一感觉只能用网络上那句流行语“屌爆了”来形容了,废话不多说,赶紧点击运行代码来看看这个用div+css做的彩色房子吧!不得不将这强悍到不行的代码分享一下(IE,chro...

    查看全文

  • CSS3立体阴影效果404页面

    CSS7年前5211 人看过

    代码说明:css3立体效果404页面,当然,css3的立体效果自然是不支持IE678的,这没办法,如果考虑兼容性的话,这样的css3立体效果404页面是不能用了。不过作为css3的学习资料还是不错的。这个css3立体效果主要是利用了css3属性text-shadow:这个属性。因为这个css3属性可以用逗号隔开写多个,如下:...

    查看全文

热门排行

热门标签