-
三种用CSS滤镜实现的图片透明度及渐变效果
所属栏目:[专访] 日期:2018-09-07 热度:150
三种用CSS滤镜实现的图片透明度及渐变效果,单击鼠标左键,观察ALPHA滤镜效果。每单击一次就会有一种不同的效果出现。一个比较老的特效代码,但是具有收藏和学习价值。 演示代码: HTMLHEADTITLE新的一页/TITLESTYLE!--样式单 --.15pt{font-size:15pt;color[详细]
-
CSS滤镜修饰网页图片显示出的不同效果
所属栏目:[专访] 日期:2018-09-07 热度:170
CSS滤镜修饰网页图片显示出的不同效果,图在不同的CSS滤镜作用下,呈现出不同的效果。。。其实CSS的此项功能非常实用,用它可以生成出灰度图、底片效果、X光效果等,实例仅列出了一小部分,还有不少的图片效果可以用CSS滤镜来完成。 演示: htmlheadtitle[详细]
-
CSS 定义上划线、下线线、删除线代码
所属栏目:[专访] 日期:2018-09-07 热度:154
烈12火98网(LieHuo21.Net)教95程 CSS 定义上划线、下线线、删除线代码,这三种线是最常用的,删除线一般用在商城或产品类网页中,下划线则使用较广泛,上划线这个见的比较少,多掌握一些CSS的基础知识,对你绝对没有害处。 代码演示: !DOCTYPE html PUBLI[详细]
-
Css 自定义滚动条属性二例
所属栏目:[专访] 日期:2018-09-07 热度:134
一。用CSS自定义滚动条属性。 实际上从代码里你并没有发现有滚动条,但是最终的效果却出现了滚动条,它可以根据框内内容的多少自动适应,细心的朋友会发现,这其实是在CSS里定义了一个 overflow:scroll属性。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHT[详细]
-
CSS特效:关于CSS缩放属性的代码演示
所属栏目:[专访] 日期:2018-09-07 热度:177
烈15火04网(LieHuo87.Net)教04程 CSS特效:关于CSS缩放属性的代码演示。一个关于CSS控制元素缩放的实例,在例子中,图片被按比例缩小,这个挺有用处吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
用Css定义不同的鼠标光标指针样式代码
所属栏目:[专访] 日期:2018-09-07 热度:135
鼠标的指针大家再熟悉不过了,熟悉的甚至忘了它们的存在。用CSS我们可以将这些光标指针一一展现出来,本例将展现给大家用CSS实现拖动符的光标、链接小手、移动光标、带问号的光标、不可操作的光标、小手光标、带运行符的光标、上下拖动的光标、普通打字光[详细]
-
一款简洁、实用、带箭头的CSS流程图代码
所属栏目:[专访] 日期:2018-09-07 热度:142
烈27火51网(LieHuo15.Net)教22程 一款设计简洁、实用的CSS箭头流程图特效,用在帮助中合适,或者用在安装程序及用户索引上,指导用户第一步、第二步干什么,也就是流程图,可以说是很适合埃那个小缺口不是CSS实现的,用了小图片,相对简单些,不过功能挺实[详细]
-
CSS自适应窗口大小的容器效果
所属栏目:[专访] 日期:2018-09-07 热度:157
CSS自适应窗口大小的容器居中,在内层的容器中,你可以输入一些文字,内层窗口会随着窗口的大小而自动适应,而且它始终是水平和垂直居中的,实用性大大增强,对此感兴趣的朋友好好参考一下哦。 代码演示: htmlheadstyle type=text/css*{margin:0; padding[详细]
-
CSS实现图文混排效果,图左文右下面列表
所属栏目:[专访] 日期:2018-08-28 热度:193
烈火网(LieHuo.Net)CSS网页特效教程,其实这也算不得什么特效,在以前的文章中,烈火提到过所谓的网页特效一般是针对javascript而言的,近几年优秀js框架 jQuery 的出现,更让网页特效有了新一轮革新,好了,不多说费话,来看今天的教程。 本文中,主要是[详细]
-
仿阿里巴巴字母滑动门效果[javascrip+css]
所属栏目:[专访] 日期:2018-08-28 热度:60
在以前的教程中,烈火曾经多次介绍滑动门给大家,另外还有一些滑动的菜单,今天要给朋友介绍的也是其中一例,可能有很多朋友都见过,这就是仿阿里巴巴的字母菜单滑动特效。 这个字母轮换其实就是一个比较大的滑动门,至少来说原理是一样的,代码由 Java Sc[详细]
-
鼠标经过CSS小方块膨胀效果,基于jQuery编写
所属栏目:[专访] 日期:2018-08-28 热度:176
这是一个利用了 jQuery 脚本编写的功能非常差的一个特效,可能还利用不了jQuery的千分之一功能,但是通过这个特效实例,可以启发我们做一些其它的东西出来,在以后的WEB开发过程中,我想jQuery是必不可少的了,那么从每个方面利用和学习jQuery是我们学习的[详细]
-
基于jQuery+Css设计的评论盖楼效果代码
所属栏目:[专访] 日期:2018-08-28 热度:59
最近,很多朋友咨询关于烈火使用 DedeCMS 5.5版本的ajax评论系统改造的盖楼系统,由于修改较多,目前还无法拿出来给分享,不过烈火在网上某博客发现一款基于 jQuery 设计的评论回复引用(盖楼)效果,现在就把这款代码发布出来给大家。 最终效果: !DOCTYP[详细]
-
JS+CSS打造的3D圆形,可控制左右旋转
所属栏目:[专访] 日期:2018-08-28 热度:147
一段 Java Script+CSS写的代码,实现一个3D圆形样式的JavaScript图片旋转展示代码,这里为了演示方便,将图片替换成了数字,预留出了图片的位置,这样速度快些,会HTML的朋友都知道用时候该怎么做。本图片旋转需要手动控制,每点击一下,图片旋转一次,可[详细]
-
CSS省略号效果,超过长度显示省略号
所属栏目:[专访] 日期:2018-08-28 热度:140
烈火网(LieHuo.Net)教程 有时候,我们的网页内容长短不一,这时候为了页面的整洁,我们需要使用省略号来控制。在本文的教程中,烈火网就给大家介绍一个真正的CSS省略号效果,超出范围自动变成省略号。但是,使用鼠标可以完全选择文字,非常酷的 看一下效果[详细]
-
多款模拟滚动条效果 JS+CSS实现代码
所属栏目:[专访] 日期:2018-08-28 热度:195
这是烈火小编从网上转过来的。做了些修改,其实写的比较糟糕(我指的是构造) 我用的是以前的一个drag类 在这个基础上在的来完成的Slider ,其实这样代码产生些了冗余.......不如单独写个Slider类 做为第一个版本还是保存起来 有时间的话 试着单独的写个Slid[详细]
-
JavaScript+css打造的精美日历控件
所属栏目:[专访] 日期:2018-08-28 热度:94
烈火网(LieHuo.Net)教程 一款利用 Java Script+css打造的精美日历控件,非常不错,在 IE浏览器 下测试通过,其它浏览器没有测试,代码有点乱,喜欢的朋友自己整理一下,请见下面的代码与演示: titleJavascript+css打造的精美日历控件 - Liehuo.Net/titles[详细]
-
JavaScript+Css 实现跟随鼠标的悬停提示信息
所属栏目:[专访] 日期:2018-08-28 热度:68
烈火网(LieHuo.Net)教程 在以前的网页特效中,我们曾经提到过用纯CSS实现的TIPS提示信息,例如《Css实现鼠标悬停提示文字信息的效果》和《CSS打造的超级链接悬停效果代码》,在上两篇特效中实现的悬停效果都非常简单,并且不能跟随鼠标,今天我们就来看一[详细]
-
JavaScript+Css 制作的烟花效果代码
所属栏目:[专访] 日期:2018-08-28 热度:180
以前看csdn上有人写的烟花,非常漂亮,一直想写。结果这么长的学习,算是可以一试了,发个0.5版本。仅供一笑,现在的问题是: 计时器 有2个,非常影响效率,在想办法改进中。没有按照面对对象的写法。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
CSS+JS等宽的DIV格子堆砌,瀑布流布局效果
所属栏目:[专访] 日期:2018-08-19 热度:148
CSS+JS等宽的DIV层格子堆砌,瀑布流布局效果。本例中,使用CSS设计布局等宽的Div格子,将这些层堆砌在一起的,自动适应,网人有人把它叫做瀑布流的布局,因为整体看上去第一个Div块就像流水的瀑布一样,紧挨着堆砌在一起,是学习CSS定位的好范例。 示例:[详细]
-
Css美化的一个分页样式,响应鼠标放大页码
所属栏目:[专访] 日期:2018-08-19 热度:96
Css美化的一个分页样式,响应鼠标放大页码。这是一个非常有趣的放大分页效果,主要是练习CSS布局,本效果带有鼠标效果,在鼠标放上的时候,按钮会放大,移开的时候就还原了,我觉得相当不错的功能。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tr[详细]
-
CSS绘制三角形,Css中Border属性斜线完成
所属栏目:[专访] 日期:2018-08-19 热度:77
CSS绘制三角形,经常访问烈火网的朋友应该阅读过《Css border 用法实现各种图形》的系列教程,今天我们再来学习同样的文章,还是利用Css中Border属性完成的三角形,与以前发表的CSS三角形教程用法几乎相同,欢迎学习和参考。 示例: !DOCTYPE htmlhtml xml[详细]
-
CSS仿表格斜线效果,CSS中border斜线效果
所属栏目:[专访] 日期:2018-08-19 热度:126
大家都知道Word中的表格是可以加斜线的,而在以前的教程,烈火小编也曾经发表过关于网页表格斜线(更简单的)的教程,今天我们就来看一个CSS仿表格斜线效果,CSS中border斜线效果。看似很简单,但是只设置一下Border的边框颜色就能有这样的效果,CSS水平有[详细]
-
Css层背景透明,文字不透明的实现代码
所属栏目:[专访] 日期:2018-08-19 热度:157
Css层背景透明,文字不透明的实现代码,注意Div内的文字,其实不需要设置绝对定位只需要相对定位就可以了。其实还有一种方法,那就是用两个DIV形成,并列关系 背景DIV和文字DIV是分开来的,然后用z-index确定谁在上、谁在下。 示例: !DOCTYPE htmlhtml xm[详细]
-
CSS背景透明代码,基于CSS的Filter滤镜实现
所属栏目:[专访] 日期:2018-08-19 热度:107
网页上图片与CSS的结合,在 IE浏览器 下实现了背景透明效果(兼容 IE9 ),笔者没有在火狐和 Chrome 下进行测试,有背景透明和背景不透明两种代码,其实都是比较简单的网页特效,有必要掌握的牢固些,主要是用了CSS中的Filter滤镜,至于参数可以看代码,改[详细]
-
Css利用a:hover属性实现鼠标经过层变色
所属栏目:[专访] 日期:2018-08-19 热度:189
Css利用a:hover属性实现鼠标经过层变色,前段时间有些朋友在烈火网留言,想要鼠标滑过变换效果,今天给大家发一个例子,其实这一个鼠标滑过改变背景色的例子也不错,两者非常相似,通过定义A属性就能轻易实现,好好参考一下吧。 示例: !DOCTYPE htmlhtmlh[详细]

浙公网安备 33038102330459号