电话
13363039260
-
CSS实现模拟position的fixed页面定位效果
本文实例讲述了CSS实现模拟position的fixed页面定位效果的方法。分享给大家供大家参考。具体实现方法如下： 复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www......
阅读全文 >> 760 -
纯CSS实现美观大方的网页柱状图效果
这是一款用纯CSS代码实现的网页柱状图，随着你给出的数据柱状图的调试会变化，实际应用中你可以将生成柱状图的数据从数据库中取得，这样就可以适时显示了，这款柱状图结构清淅，用背景图片平铺，给人很直观的感觉。 复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ......
阅读全文 >> 834 -
CSS利用1像素空缺实现圆角效果的方法
这里基于CSS利用1像素空缺来实现圆角效果，虽然和真正的圆角有一些细小的差别，但毕竟是用纯CSS代码实现的，执行效率高，没有用到图像资源，而且扩展性好，代码复用性高，演示中包括一个列表和一个DIV区域。 复制代码代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4......
阅读全文 >> 795 -
纯CSS实现的三列布局网页效果实例
这是一个比较常用的用DIV+CSS布局的网页，包括头部、中间、一行三列布局、导航条、页面底部等，如果你正在用CSS布局一个网页，那么这段代码正好你能用得上，这种布局方式现在比较常用。 复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi......
阅读全文 >> 897 -
CSS文章列表切换选项卡效果实例
这是一款很不错的文章列表效果，类似选项卡一样的功能，这一个有点特别，就是把鼠标点击的菜单放到了右边，有一个小箭头指示当前怎位置，使文章结构更加清淅，确实很不错。 复制代码代码如下:<html><head><meta http-equiv="content-type" c......
阅读全文 >> 925 -
CSS实现outline切换的动画效果
我记得有个版本的迅雷软件，会发现focus文本框时候，其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。今天，偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果，您有兴趣可以点击这里瞅瞅。Github地址为：https://github.com/NV/flyi......
阅读全文 >> 904 -
使用JS配合CSS实现Windows Phone中的磁贴效果
Windows Phone的tile设计的美丽对我来说有余音绕梁的效果。我从来不知道优雅的方块盒子布局能给我深刻的印象。因此我尝试在web里用CSS和Jquery去实现这种tile设计。我已尝试Tile Flip动画效果，它能展示两种不同的信息一个在tile的前端而另外一个就在后端。 Demo Download 首先我......
阅读全文 >> 946 -
content换行技术实现字符animation loading效果
一、之前我的字符loading实现关于字符打点动画实现，我之前使用过box-shadow模拟，还有border+background模拟，还有使用text-shadow实现，以及今年自认为是最好的实现的利用CSS3 ch单位的实现，在“等宽字体在web布局中应用以及CSS3 ch单位”这篇文章有介绍，demo在这里，效......
阅读全文 >> 689 -
定义透明效果的 CSS3 属性
定义无色功效的 CSS3 属性是 opacity。首先，我们将显示如何颠末 CSS 来树立通明图象。老例图象：带有透明度的相通图象：请看上面的 CSS：img{opacity:0.4;filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}IE9, Firefox, Chrome,......
阅读全文 >> 751 -
图像透明度 - Hover 效果
图象无色度 - Hover 造诣请把鼠标指针移动到图象上：CSS 是这样的：img{opacity:0.4;filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */}img:hover{opacity:1.0;filter:alpha(opacity=100); /* 针对 IE8 ......
阅读全文 >> 517