您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. HTML5 Loading动画加载 五彩的圆环Loading

  2. 今天我们要分享一款基于HTML5的Loading加载动画特效,这款HTML5加载动画是一个五彩的圆环,圆环不停地转动从而体现加载正在进行。如果你感兴趣,可以查看这款HTML5 Loading动画的在线演示,效果还不错。 下面分享一下这款HTML5 Loading动画的实现过程,主要是HTML代码和CSS3代码,以及初始化的JS代码。 首先是HTML代码,只定义一个Loading容器,非常简单。 接下来是CSS代码,主要是定义每一个圆圈的动画效果: -webkit-keyframes spin
  3. 所属分类:其它

    • 发布日期:2019-08-23
    • 文件大小:197632
    • 提供者:weixin_38744270
  1. TanTan-初试小程序之仿探探.zip

  2. 无论你是一个程序猿还是一个程序媛,每天干的事除了coding还是coding,代码不能解决的问题(什么问题自己心里还没点abcd数嘛),探探能帮你解决。最近网上特流行一款交友软件叫探探(据说是yp软件)。作为探探曾经的一名从来只浏览图片但是没有yue过的资深玩家同时又是一位热爱前端的妹子,我决定要仿一下这个app。既然是寄几开发,那还不是寄几说了算,毫无疑问整款APP的主题风格被我改成我最爱的终极少女粉了hhh,下面让我们一起来感受下探探的魅力吧~项目整体效果项目部分功能点解析主页图片左滑右滑
  3. 所属分类:其它

    • 发布日期:2019-09-23
    • 文件大小:6291456
    • 提供者:weixin_38744207
  1. 如何用css实现动画效果.md

  2. 如何用css实现动画效果 简单的描述了动画的一些属性,以及如何用css实现简单的动画效果 介绍了创建动画所需要的关键帧keyframes 规则(关键帧),以及其详细的属性介绍和用法,并对动画的多种属性进行了介绍,并指明了其用法以及一些需要注意的事项
  3. 所属分类:讲义

    • 发布日期:2020-03-21
    • 文件大小:5120
    • 提供者:zz2834198667
  1. CSS3 keyframes简单动画实现

  2. 主要介绍了CSS3 keyframes简单动画实现的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-09-24
    • 文件大小:46080
    • 提供者:weixin_38692184
  1. 微信小程序之下拉列表实现方法解析(附完整源码)

  2. 一、效果图 二、实现原理 跟网页的下拉列表实现是一样的,刚刚开始默认下拉的内容的是不显示的(display:none),然后通过点击的时候,去更改 display 的属性值,来实现下拉的效果。然后下拉的动画的通过 css3 的 animation 来实现的。 CSS3中添加的新属性 animation 是用来为元素实现动画效果的,但是animation无法单独担当起实现动画的效果。承载动画的另一个属性 —— keyframes。使用的时候为了兼容可加上-webkit-、-o-、-ms-、-m
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:71680
    • 提供者:weixin_38717143
  1. 纯CSS绘制漂亮的圆形图案效果

  2. 另外一种也可以用CSS简单的实现的形状是圆形。使用border-radius,你可以画出各种漂亮的圆形图案。 CSS代码 只需要将你的网页元素的每个边的border-radius甚至成50%,你就能得到任意大小的圆: 复制代码代码如下:.circle { border-radius: 50%; width: 200px; height: 200px; /* 宽度和高度需要相等 */}这确实是非常的简单,但我们无法抵挡在之上使用CSS渐变色和基本旋转动画的诱惑:: 复制代码代码如下:/* 动画
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:59392
    • 提供者:weixin_38597300
  1. 纯CSS3实现滚动的齿轮动画效果

  2. 纯CSS写的齿轮效果。支持chrome,firefox,比较粗糙。各位见谅,希望你能看到的是思想,而不是技术的东西。 效果预览: 原理的话也比较简单,主要是css3画圆,然后弄出几个轮子的齿(这里构建锯齿的方法是我个人比较满意的地方,就是用一个贯穿整个圆形的长条,然后transform:rotate一定的度数,然后按照规律写下去,一个轮子就出来了。如果结合js做的话,能做到更多更精细的效果),然后画出两个轮子。用keyframes(关键帧)给出动画效果。一个顺时针一个逆时针,设置好滚动时间,并无
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:55296
    • 提供者:weixin_38726007
  1. 纯CSS3实现给头像加个光芒四射且旋转的背景动画效果

  2. HTML代码 HTML代码结构很简单,跟之前那篇文章使用的相同: 复制代码代码如下: WebHek 最外面的div作为父元素,它的position是relative,有固定的高和宽度,有两个子元素:一个用来放logo,一个用来做光芒效果的容器。 CSS代码 我们这里要用纯CSS来实现,需要使用CSS3的动画技术,这里用到的CSS语法是keyframes。我们的基本实现原理是用keyframes,从rotate(0deg)旋转到ro
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:83968
    • 提供者:weixin_38693589
  1. 美味汉堡包:美丽的SASS汉堡包菜单按钮-源码

  2. :hamburger: 漂亮的汉堡菜单按钮采用纯CSS动画处理,可通过Sass进行自定义。 这是受伟大的启发,但是我觉得需要一些更优雅,更现代的动画,所以在这里! 为什么选择美味的汉堡? Performant:不使用诸如top类的位置属性进行动画处理,而仅使用CSS转换(通常是硬件加速的)来获得尽可能多的黄油动画。 简单:所有动画的标记相同,实现方式相同(只需将active的类添加到元素中)。 轻量级:小于~1kb微细化以及gzip压缩,如果您导入一个动画。 没有Javascr ip
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:338944
    • 提供者:weixin_42121086
  1. css3元素简单的闪烁效果实现(html5 jquery)

  2. css3 Animation: 代码如下: -webkit-keyframes twinkling{    /*透明度由0到1*/    0%{       opacity:0; /*透明度为0*/     }    100%{       opacity:1; /*透明度为1*/     }  }Jquery : 代码如下:$(element).css({“-webkit-animation”:”twinkling 1s infinite ease-in-out”}); //在对象elemen
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:26624
    • 提供者:weixin_38743372