css
程序缘
这个作者很懒,什么都没留下…
展开
-
小球从一个盒子跳到另一个盒子
在css3中在我看来最好玩的就是关键帧,利用关键帧来实现动画效果是最简单有效的方法,首先其结构简单,而且用起来也不繁琐,下面是本人利用关键帧和一次性计时器模仿小球在盒子中的跳转。这是HTML样式:然后是css样式:样式有点长,关键帧占得空间有点大最后是一次性计时器的js样式:关键帧的玩法比较简单,每个人的玩法都不一样,你的那套玩法又是什么呢?...原创 2019-01-18 08:43:59 · 393 阅读 · 0 评论 -
input标签样式
Input标签在页面上也挺常见的,你知道吗,一个小小的input标签竟然有多达23种样式,接下来让我们看看都能实现什么样的效果呢。1、这个是input标签的日历样式(普通日历)这个是它默认的显示当鼠标移至其上方时,后面的4个小按钮会显示出来,点击最后面那个小按钮时时就会弹出下面那个选择日期的框,当然,它支持手动输入。2、这个也是日历样式,但是它可以精确到分钟这是默认格式(支持手动...原创 2019-03-31 12:19:09 · 6986 阅读 · 0 评论 -
利用css3动画实现的风车效果
CSS3动画样式不多,但是呢,它的每一个特性能实现的功能还是挺多的,有句话说的好,只有你想不当的,而没有你做不到的。下面呢,是本人利用CSS3中的动画来实现的风车效果。下面是HTML样式:用了4个div封装了一下风车的扇叶并将封装好的扇叶放入一个大的div中,最下面是风车的柄,这里给了它外面的div相对定位,这样固定风车柄时就可以直接相对于它外面的盒子设置偏移量就行了。然后是CSS3样式:...原创 2019-03-31 22:05:43 · 775 阅读 · 0 评论