好好玩:CSS3抖动样式CSS Shake让你的网页酷炫起来
之前在一些网站发现了一个好玩的样式,就是鼠标移到网站LOGO上,logo会自动抖动起来,显得非常炫酷。我也是十分感兴趣。自从本站新添加了一个视觉设计的分类之后,我也是想起来有个抖动CSS样式CSS Shake,所以今天给小伙伴们分享一下,希望小伙伴们能够喜欢。 CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利...
之前在一些网站发现了一个好玩的样式,就是鼠标移到网站LOGO上,logo会自动抖动起来,显得非常炫酷。我也是十分感兴趣。自从本站新添加了一个视觉设计的分类之后,我也是想起来有个抖动CSS样式CSS Shake,所以今天给小伙伴们分享一下,希望小伙伴们能够喜欢。 CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利...
如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支...
问题一:看什么书 如果只想建立一个自己的主页,事实上并不需要掌握太深奥的知识,因为笔者认为,网上有很多现成的资源可以利用,如果自己去花钱买书专门来学,恐怕有点“杀鸡用牛刀”,花大力气办小事情的感觉。当然,如果要学会制作主页,笔者认为至少需要以下方面的知识: HTML:最基本的知识,如果HTML知识掌握得好,可以...
我们经常会在一个技术性网站或BBS见到这三个东东:XHTML DHTML SHTML,它们到底是怎么回事呢?我们看下面的说明与讲解。 XHTML: HTML是一种基本的WEB语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技...
CSS3实现的网页侧边栏效果,点击指定按钮,显示或隐藏侧菜单,CSS3运行于HTML5环境,IE8及以下版本不支持,因此测试时请确认你的浏览器支持HTML5技术,推荐使用火狐或谷歌Chrome浏览器。 CSS3点击显示 *{ margin:0; padding:0; } html{ height:100%; } p{ padding:10px 0; } body{ min-height:100%; font-family:ar...
所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上,目前Google已经明确表明鼓励响应式网页设计。 (图一,响应式网页设计) 通常在浏览网页时,手机上和电脑上无法显示同一个网页,这也导致许多网页设计会自...