-
jquery结合CSS3完成的三维动画效果代码
所属栏目:[专访] 日期:2018-08-17 热度:50
jquery结合CSS3完成的三维动画效果代码,虽然效果不如Flash,但用CSs制作出这样的效果,已经很不错了。 什么?你看不到效果吗?哦,骚瑞。。。CSS3好像 IE9 以下版本不支持哦,用firefox或chrome(直接点击下边的链接)试试吧。 为解决一些网页特效运行后不[详细]
-
Css实现响应鼠标图片按钮链接翻转效果
所属栏目:[专访] 日期:2018-08-17 热度:159
Css 实现响应鼠标图片链接翻转效果,看标题能了解个大概吧,就是说。我们将鼠标放在带链接的图片上时,图片(按钮)自动切换,这可是纯CSS实现的哦,从而实现变换颜色背景的效果,详细效果自己看下边的代码吧。 演示: !DOCTYPE htmlstyle#emailUs{display[详细]
-
简单代码实现文字动画,作者曾1K实现3D圣诞树
所属栏目:[专访] 日期:2018-08-16 热度:62
超小代码实现的文字动画功能,代码基本上都来自 Romn Corts,就是那个只用了1K字符写出3D圣诞树的技术大牛,技术这东西绝对不是说笑的,也不是能抄袭来的,大家自己看看下边的效果吧,不佩服不行啊,够牛悍! 方法:点击下边的运行按钮,看到非常普通的文字[详细]
-
纯Css气泡箭头特效,采用css3的语言框效果
所属栏目:[专访] 日期:2018-08-16 热度:127
纯Css气泡箭头特效,采用css3的语言框效果,类似于提示框的效果,带尖口的导航更具人性化,不过要实现各种浏览器都兼容的代码,还真不是容易事,在不懈努力下,总算是完成了,只是有些繁琐。这个效果的实现主要用到了transform之中的skew,希望能为CSS学习[详细]
-
CSS清除浮动代码:万能的float闭合
所属栏目:[专访] 日期:2018-08-16 热度:97
清除浮动,这在CSS3中有着重要的意义,在很多时候,如果不清除浮动,那么您的网页很可能在FF中会出错,在IE中也不会有好的表现,造成页面变形扭曲,绝非你想要的效果。今天向大家介绍一种简洁易用的方法,有浮动的时候,给需要闭合的DIV(class为clearfix[详细]
-
非常有趣! 纯 Css 完成一些小三角形代码
所属栏目:[专访] 日期:2018-08-16 热度:166
非常有趣! 纯 Css 完成一些小三角形代码,通过标题大家就可以看出来了,这是一个很简单但具有趣味性的代码,高手就不要看了,正在学习Css的朋友可以开拓一下视野。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org[详细]
-
Css 实现边框阴影及垂直居中效果代码
所属栏目:[专访] 日期:2018-08-16 热度:78
Css 实现边框阴影及垂直居中效果,让一个DIV框变成阴影的,没用任何的修饰图片哦,地地道道的CSS特效代码,另外那个居中代码也很实用,从事前端布局的朋友就会明白,居中我们经常会用到的。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
CSS背景图片居中代码,半透明显示文字
所属栏目:[专访] 日期:2018-08-16 热度:162
CSS控制图片实现始终居中显示,半透明显示文字,不管你如何拉大或缩小浏览器,它始终处于浏览器的中间位置,这是个十分实用的代码,很多时候我们都要用到此种情形的居中。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www[详细]
-
CSS 嵌套的DIV层的代码,关于定位的例子
所属栏目:[专访] 日期:2018-08-16 热度:81
CSS 嵌套的DIV层的代码,关于定位的例子,一个嵌套的DIV,用CSS定位知识实现,你可以此为例好好理解一下 absolute定位的用法。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d[详细]
-
左浮动、右浮动的对齐方法,CSS 代码
所属栏目:[专访] 日期:2018-08-16 热度:95
左浮动、右浮动的CSS对齐方法,两个CSS固定浮动的方框,一个左上对齐,一个右下对齐,随浏览器的大小始终不会变化,这里面用到了两个重要的CSS属性:一个是position,另一个是Left和Right属性。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi[详细]
-
Css 结合图片修饰的圆角边框代码
所属栏目:[专访] 日期:2018-08-16 热度:87
CSS使用图片实现边框圆角,用两张图片作为背景,两张作为修饰,形成大圆角的效果,圆角的大小请根据自己的需要修改,修改过程中要对应修改CSS的代码,仅供参考。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
CSS 圆角边框,无图、纯 CSS 实现的代码
所属栏目:[专访] 日期:2018-08-16 热度:166
CSS 圆角边框,无图、纯 CSS 实现的代码。方法简单,不过有点繁琐,建立了很多的Div,CSS圆角还有些更为简便的方法,本款只作为您的参考,希望为您学习CSS开拓一些思路。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.[详细]
-
CSS实现的3D旋转(三维)效果,transform-style
所属栏目:[专访] 日期:2018-08-16 热度:152
一款CSS实现的3D旋转(三维)效果,叫作:transform-style实例,小编分别在 IE8 、opera下测试均无法显示效果,在IE下显示的是层叠效果,在opera下显示的层重叠效果,在chrome浏览器下可以显示三维旋转的层,效果还是非常不错的。 演示: !DOCTYPE htmlhtm[详细]
-
鼠标悬停时图片加边框效果,已杜绝图片移位
所属栏目:[专访] 日期:2018-08-16 热度:71
鼠标悬停时图片加边框效果,有许多童鞋都试过鼠标滑过图片给其加边框吧,但是您加的边框有没有图片移位呢?本文就实现了图片不移位。 当鼠标滑过图片时,图片出现用CSS定义的外框,但很多时候,加了边框后,图片要产生位移,影响整体效果,本例的三种方法[详细]
-
用CSS的cursor属性来改变鼠标形状样式显示
所属栏目:[专访] 日期:2018-08-16 热度:108
用CSS的cursor属性来改变鼠标形状样式显示,我们比较熟悉而又陌生的效果,比如您将鼠标放在链接上时显示手形,将鼠标放在文本上则显示I形,各种形状,大家一起来看看烈火网给大家展示的代码和相关使用方法吧! 演示: htmlheadtitle用CSS来改变鼠标形状样[详细]
-
简单几行代码实现纯Css三角形,兼容Chrome
所属栏目:[专访] 日期:2018-08-16 热度:161
今天看到一个简单几行代码实现纯Css三角形代码,经过小编测试兼容 IE8 和 Chrome 浏览器,尽管这类的代码没有什么实用价值,但是学习一下还是非常不错的,一起来看下吧 示例代码: !DOCTYPE htmlhtmlheadtitle纯css三角形/titlestyle.veryhuosjx{height:0;[详细]
-
自定义滚动条颜色,Css改变网页滚动条样式
所属栏目:[专访] 日期:2018-08-16 热度:199
网页的滚动条是我们再熟悉不过的了,因为我们每天上网的时候都会看到它,并且还会经常点击并下拉他,作为站长或网页制作爱好者来说,如果您想给看了很久样子非常经典的滚动条换个颜色,怎么办呢,本文就是改变滚动条颜色的一个CSS实例,一起来看一下。 示[详细]
-
纯css实现三角形图标的特殊代码,值得参考
所属栏目:[专访] 日期:2018-08-16 热度:124
继续介绍关于纯Css打造三角形的代码,尤其本文与之前的文章还是有相同之处的,强烈建议大家好好学习一下。编写起来挺简单,CSS初学者也容易看懂。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title三[详细]
-
Css代码:em标签实现li列表中小三角形效果
所属栏目:[专访] 日期:2018-08-16 热度:97
本文向大家介绍的文章是一个纯Css代码,利用em标签实现li列表中小三角形效果,之前的文章中烈火网已经介绍了许多纯css三角形,但是关于这种效果的还是首例,希望对大家的网页布局有所帮助。 示例: !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type con[详细]
-
jQuery表单美化代码:ul模拟select的实现效果
所属栏目:[专访] 日期:2018-08-16 热度:144
一款 jQuery 实现的表单美化代码,主要是将ul模拟为select效果,关于jQuery美化或CSS美化表单的例子烈火网还有很多,大家可以通过本站的表单美化标签进行索引。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]
-
鼠标经过图片时,其它区域变暗,图片“高亮”显示
所属栏目:[专访] 日期:2018-08-16 热度:86
jQuery 实现的一个小特效,当鼠标经过图片时,其它区域自动变暗,看上去图片高亮显示了,其实鼠标所在的图片并没有加亮,而其它区域变暗给它带来的高亮显示感觉,给其以突出的感觉,对于网站的用户体验还是非常不错的,推荐大家使用。 为解决一些网页特效[详细]
-
纯Css构建动感炫酷的Logo标志,Css3代码
所属栏目:[专访] 日期:2018-08-16 热度:159
纯Css3构建动感炫酷的Logo标志,在 IE8 及以下浏览器只能看到非常普通的效果,如果您想看到动态的效果,请使用 IE9 、火狐、 Chrome 等浏览器,烈火小编在Chrome下演示的效果 截图 如下: 再看运行效果: !doctype htmlhtmlheadmeta http-equiv=content-ty[详细]
-
CSS+JS等宽的DIV格子堆砌,瀑布流布局效果
所属栏目:[专访] 日期:2018-08-16 热度:194
CSS+JS等宽的DIV层格子堆砌,瀑布流布局效果。本例中,使用CSS设计布局等宽的Div格子,将这些层堆砌在一起的,自动适应,网人有人把它叫做瀑布流的布局,因为整体看上去第一个Div块就像流水的瀑布一样,紧挨着堆砌在一起,是学习CSS定位的好范例。 示例:[详细]
-
Css美化的一个分页样式,响应鼠标放大页码
所属栏目:[专访] 日期:2018-08-16 热度:55
Css美化的一个分页样式,响应鼠标放大页码。这是一个非常有趣的放大分页效果,主要是练习CSS布局,本效果带有鼠标效果,在鼠标放上的时候,按钮会放大,移开的时候就还原了,我觉得相当不错的功能。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tr[详细]
-
CSS绘制三角形,Css中Border属性斜线完成
所属栏目:[专访] 日期:2018-08-16 热度:136
CSS绘制三角形,经常访问烈火网的朋友应该阅读过《Css border 用法实现各种图形》的系列教程,今天我们再来学习同样的文章,还是利用Css中Border属性完成的三角形,与以前发表的CSS三角形教程用法几乎相同,欢迎学习和参考。 示例: !DOCTYPE htmlhtml xml[详细]