最新消息:文章中包含代码时,请遵守代码高亮规范!

标签:CSS3

css3 Media用法总结【转载】

HTML+CSS Michael 4周前 (10-30) 73浏览 0评论

随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。...

浅谈首次写h5页面【原创】

HTML+CSS ada 9个月前 (02-24) 401浏览 0评论

很多人都知道h5页面很酷炫,每页都很多特效,有一部分也可以用css3,,一开始写h5页面有点忐忑,也有点兴奋,不过在最开始写的时候就陷入一个极端,那就是特效要用哪些,又该怎么表达出客户的要求,又是否达到自己的要求,一开始的想法,是全部用js做的,印象...

详解如何使用CSS3伪类选择器:nth-child()【原创】

HTML+CSS Ann 1年前 (2016-10-17) 912浏览 0评论

CSS3的出现无疑给前端开发人员带来了巨大的优势,今天我们着重介绍CSS3中一个新出现的强大伪类选择器:nth:child();为了方便大家理解,我今天会通过展示曾经做过的项目页面,让大家直观清晰的了解这一伪类选择器的功能和使用技巧   1...

css3实现音乐动画播放【原创】

HTML+CSS Ann 1年前 (2016-09-24) 1149浏览 0评论

刚刚做了一个项目,涉及到音乐播放动画的效果,通过查找资料学习,最终实现了这一效果,还是满满的成就感,在这里就把实现的代码奉献给大家 先给大家看下效果图 第一步:首先写好HTML代码 <div id="audio-btn&qu...

解决谷歌浏览器里input的边框特效【转】

HTML+CSS Gordon 3年前 (2015-05-28) 2633浏览 0评论

谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样...

css文字旋转【原创】

HTML+CSS Eva 3年前 (2015-05-08) 5086浏览 0评论

一般,网页上的文字排列都是从左往右。但是有时也会有特殊要求。 比如,需要文字旋转90度。 要达到这样的效果,可以使用css3中的transform来实现: transform中的rotate() 方法。 通过 rotate() 方法,元素顺时针旋转给...

HTML5+CSS3的响应式网页设计:自动适应屏幕宽度

HTML+CSS figer 3年前 (2015-05-04) 2171浏览 0评论

移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768)...

使用”media screen”解决web开发中遇到的多分辨率问题

HTML+CSS Eva 3年前 (2015-04-30) 1938浏览 0评论

随着移动设备的飞速发展,屏幕的规格也越来越多。 从几年前的320×240像素的屏幕,到现在1920×1080分辨率的屏幕。 各种分辨率的屏幕让前端开发的人们叫苦连连,如何使用一种有效的方式来解决各种屏幕分辨率下的用户体验呢? 在css2中就有medi...

移动端网站按钮tap去阴影【原创】

HTML+CSS Gordon 3年前 (2015-04-28) 4412浏览 0评论

今天做手机网站时,发现一个问题,就是点击按钮的时候,该按钮背后会出现一个阴影,十分影响美观。 然后查了一些资料,发现时因为在手机网站上tap(轻触)该按钮时,背景高亮在作祟,要对这个进行 重新设置,就可以了,改变其高亮,而最好的办法就是给其透明。-w...

banner仿天猫效果【原创】

banner仿天猫效果【原创】

HTML+CSS Eva 3年前 (2015-04-24) 5878浏览 0评论

最近在做项目时,被要求首页的banner效果要效仿天猫的。 天猫首页的banner效果,即中间图片的缩放效果。 于是想了下该怎么实现,下面是具体的代码: html: <div class="bannerbox">...

CSS3制作菜单的Hover效果

HTML+CSS Eva 3年前 (2015-02-20) 1844浏览 0评论

要实现的效果图如下: 目的 这是一个简单的列表菜单,当你鼠标移到菜单项时,有一张图片慢慢的从左边向右边移动,并淡淡显示出来,而且此时的菜单项背景色和字体色也同时会改变。 下面我们一起来简单的学习这种效果的制作。 HTML Markup 制作上面的效...

css3三角箭头的使用和兼容【原创】

css3三角箭头的使用和兼容【原创】

HTML+CSS Gordon 3年前 (2015-02-05) 2484浏览 1评论

大家都知道css3的transparent属性,可以和border结合做出来箭头图片的效果。 这样一来可以省略使用图片的方法。 那么先介绍下,怎么使用这个三角箭头的方法。 首先先写个div。 <div class="image&q...

使用CSS3的appearance属性改变元素的外观

HTML+CSS Devin 3年前 (2014-09-28) 1779浏览 0评论

大家都知道每个浏览器对HTML元素渲染都不一样,比如说“button”,在chrome和ff中,渲染出来的效果都是不尽相同的。这样一来就有了今天这个思路,利用浏览器的对元素的默认渲染风格,我们可以使用“appearance”属性对任何元素的渲染风格改...