W3CPLUS DEMO一些有意思的效果备份

时间轴轮播图：

http://www.w3cplus.com/w3cplusDemo/demos/timeline.html

css3各种图标效果：

http://www.w3cplus.com/w3cplusDemo/demos/CSS3Ribbons.html

W3CPLUS首页;http://www.w3cplus.com/w3cplusDemo/index.html

时间： 2024-11-01 11:40:00

W3CPLUS DEMO一些有意思的效果备份的相关文章

有意思的效果——左右摇摆

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box{width: 1000px;height: 400px;background: deepskyblue;} 8 .a{width: 50px;height: 400px;background: #FFFFFF;fl

有意思的效果——摇曳的萤火虫

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> img{border: 0;position:absolute;width: 20px;height: 20px;} body{background: url(img/img/bg.jpg);} </style> </head>

应用程序框架实战二十七: 基于Mvc+EasyUi+EF+Autofac的CRUD DEMO免费发放，纯干货，附截图

不知不觉,这个系列已经写了好几十篇了.我本来打算把基础介绍完再发放Demo进行整体说明,不过大部分人更喜欢看得见摸得着的表现层,对后端不是太感兴趣,所以我决定先发一个简单的CRUD Demo出来,让大家先感受一下,被应用程序框架封装之后的代码大体是什么样子. 采用EasyUi作为前端框架,主要是它比Dwz强大,另外也是基于Html扩展,比更强大的Ext要简单得多,更重要的是它越来越流行了,对于更详细的决择或前端架构设计,我会在后续文章说明. 虽然是一个简单的单表CRUD操作,但是分层架构和各方面

CSS3 Border-image出自W3CPLUS

CSS3中有关于border的属性我们一起学习完了圆角border-radius和边框颜色border-color,只剩下最后一个边框图片border-image.今天我们就一起来学习这个border-image的属性.学习完这个border-image以后,大家一定会很兴奋,因为他改变我了们以往设置border的效果,以前我们border只能简单的设置一些纯色或几种简单的线型(如solid,dotted,double,dashed等)那么我们以后就可以通过border-image这个属性改变以

HTML页面中5种超酷的伪类选择器:hover效果

想在自己的网站中应用超酷的hover效果吗?也许你可以从如下的这些实例中获得一些灵感,如果你喜欢这些效果,也可以直接拷贝代码并应用到你的站点. 给平淡的站点带来活力 hover效果能给网页增加一些动态效果,并且使得站点更具有活力.原来的做法是使用javascript来实现这些动态效果,但是随着CSS3的引入和现代浏览器的支持,我们可以用纯粹的CSS代码来实现这些有趣的效果.所谓的现代浏览器,更多的是指以Mozilla和Webkit为核心的浏览器,IE的表现稍微差强人意,所以请使用FireFox,

svn目录的使用案例-(备份、分支、合并)

svn目录使用案例: 某团队计划开发一款”陌陌”项目此项目初期已经有部分基础代码研发团队在此基础代码上经过3个月的努力,开发了一个功能相对完备的V1.0版本上线推广,并取得了良好的效果(备份到Tags)由于市场反馈良好,团队开始着手V2.0版本的开发工作就在V2.0版本开发进行中,发现V1.0版本中有一个严重的BUG,如果不及时修改,将造成严重的后果研发团队收到BUG报告后,立刻安排人员对V1.0版本进行修复,但其他研发人员则继续开发V2.0版本的新功能修复BUG的人员很快就找到问题原因并对问题

开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo（转）

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI.它有完整的demo和强大AIP手册,使我在开发过程中得心应手.以下是这篇博文Demo程序的演示效果: 解决方案如图1所示图1 Domain:领域模型 Dao:持久层 Service:服务层 WebSite:表示层 Common:通用类首页如图2所示,可以选择中文和English. 图2 英文首

各种加载和圆形进度的效果

最近APP的progress的加载效果要修改,要做仿IOS的颜色渐变的效果,一开始做了12张依次旋转的图放到animation-list来实现帧动画,实现后效果不是很流畅.后来想到把一张loading图放到ImageView里,然后ImageView再启动旋转的动画,实现后效果很不错,anim文件: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://sche

使用JavaScript和Canvas打造真实的雨滴效果

使用JavaScript和Canvas打造真实的雨滴效果寸志 · 1 年前我最近搞了一个有趣的项目——rainyday.js .我认为这个项目并不怎么样,而且,事实上这是我第一次尝试接触一些比弹窗更复杂的JavaScript.幸好,你们觉得它还有点意思.rainyday.js想创建一个轻量的JavaScript类库,利用HTML5的canvas,来实现雨滴在玻璃上滑落的效果.很简单,不过有时候还是很有挑战的,尤其是在我们既要尽力避免动画区别于通常JavaScript的动画,又要保证动画流畅运