前言前两天我刚发布了一篇CSS3实现小黄人动画的博客，但是实现的CSS3动画是基于我在站酷网找到的一张小黄人的jpg格式图片，并自己用PS抠出需要实现动画的部分，最后才完成的动画效果。但是，其实我的初衷是想体验一下用图片做动画的赶脚，但是找不到素材，才无奈用了最笨…
前言前两天我刚发布了一篇CSS3实现小黄人动画的博客，但是实现的CSS3动画是基于我在站酷网找到的一张小黄人的jpg格式图片，并自己用PS抠出需要实现动画的部分，最后才完成的动画效果。但是，其实我的初衷是想体验一下用图片做动画的赶脚，但是找不到素材，才无奈用了最笨…
我们知道许多网页动态特效都是由FLASH或JQUERY之类的JS特效库实现的，实际上现在CSS3也能实现很多类似效果了，只是在各种浏览器中兼容性稍差，想要追求简单极致的效果，就要失去兼容性，而且随着时间变迁，浏览器标准终究可能还是要统一的。CSS3的Transition属性，这种效…
一、温故而知新很多年以前，稍等，让我搜一下contenteditable（右上角），哈，是2010年的时候，写了篇文章“div模拟textarea文本域轻松实现高度自适应”，就是说的contenteditable的应用。虽然说，利用全浏览器都支持的contenteditable模拟文本域可以实现体验相当不错的高…
一、应该人人皆会的基础技术简而言之，就是让SVG的描边像是有人绘制一样的动画效果。国外很多相关介绍的文章，来看看一些效果gif吧~我至少看到了4篇外文对此技术介绍（参见文末参考文章），觉得挺有意思，也很好入门，可以不依赖JavaScript，故移花接木，借花献佛，以自己…
实例旋转 div 元素：div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */ -moz-transform:rotate(7deg); /* Firefox */ -webkit-transform:rotate(7deg); /* Safari 和 Chrome */ -o-transform:rotate(7deg); /* Opera */ }亲自试一试页面底部有更多实例…
<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">jquery 如何判断div是否隐藏|jquery判断div是否隐藏 <htmlxmlns="http://www.w3.org/1999/xhtml">…
IE兼容CSS3圆角border-radius的方法（同时兼容box-shadow，text-shadow）IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法1.下载ie-css3.htc 2.CSSbox {-moz-border-radius: 15px; /* Firefox */-webkit-border-radius: 15px; /* Safari 和 Chrome */border-…
jQuery脚本：<script type="text/javascript"> $(function() { var scrollDiv = document.createElement('div'); $(scrollDiv).attr('id', 'toTop').html('^ 返回顶部').appendTo('body'); $(window).scroll(fu…
CSS3也有着非常强大的属性，那就是过渡——Transition。过渡——Transition在W3C的描述：“css的transition允许css的属性值在一定 的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 ”既然…
我试图做一个“淡入淡出”的CSS transisition。但我不能得到这个与背景图工作...我有这样的CSS：.title a {display: block;width: 340px;height: 338px;color: black;background: transparent;/* TRANSISITION */transition: background 1s;-webkit-transition: backgrou…
© Copyright 2014 - 2024 柏港建站平台 ejk5.com. 渝ICP备16000791号-4