展开

关键词

css 3D

最近在慕课网上学习css3的3D,主要用到perspctive,perspective-origin  transform-style:presersve-3d, perspective:800 主要是创造一个3D场景,800指的是从屏幕看3D场景的距离,其子元素会获得透视,而不是元素本身 perspective-origin:50% 50%  看3D场景的位置,从正中心观看,默认(50%

54050

UIPageViewController电子书

纵向.gif 上面的主要是用到了UIPageViewController,http://www.jianshu.com/p/a676899d9b70 这篇文章讲的挺细的 ,对于中间的图片嵌入想了解的可以查看我以前写的内容 http://www.jianshu.com/p/a75c1a07cd51 /* UIPageViewController 为我们提供了2种样式,一种是拟真,一种是滚动 UIPageViewControllerTransitionStylePageCurl//拟真 UIPageViewControllerTransitionStyleScroll//滚动 的方向 UIPageViewControllerDataSource /* * 参数ViewController为当前正在显示的VC控制器 return 的ViewController为将要显示的VC控制器 */ //向前执行 *)pageViewController viewControllerBeforeViewController:(UIViewController *)viewController{} //向后时执行

89490
  • 广告
    关闭

    腾讯云618采购季来袭!

    一键领取预热专享618元代金券,2核2G云服务器爆品秒杀低至18元!云产品首单低0.8折起,企业用户购买域名1元起…

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS实现简

    (252, 203, 134); } </style> </head> <body>

    一行JS代码实现

    本文章是由源码时代H5前端讲师分享:一行JS代码实现,希望对大家有一定帮助。 实现步骤 准备2张图片,一个在上一个在下 上方的图片不动,下方的图片先转180°,并隐藏 记录上方与下方图片的起始角度,上方起始角度为0,下方起始角度为180° 使用定时器累加角度,两张图片同时转 当上方的图片转到90度时,隐藏该图片,显示下方图片 当上方图片转到180度时,停止定时器,并还原记录的起始角度 第二次转,正反面角色互转即可 使用说明 // ...获取两张图片后调用该方法 turnCardAnimate 180° main.timer = setInterval(function () { // 转每次加1度 upDeg += 1; downDeg += 1; // 同时转2张图片 // 当上面的图片转到 turnCardAnimate.isTurned; },2); } 示例 本文章由源码时代H5前端学科讲师原创!

    1.5K80

    iOS视图过渡

    8220

    js _面开关灯

    DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>开关灯</title> } </style> </head> <body id="oBody" style="background: white;"> 请点击网变颜色

    1.1K31

    html电子书代码,附演示

    html电子书代码,附演示 演示: ? 一个index代码+2个js代码+1个css样式代码+图片文件夹 整体来说还是挺炫酷的,值得学习并且调用 ? 其中的index代码: <! DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML5电子书动画</title> <link rel="stylesheet " type="text/css" href="css/book.css"> <script type="text/javascript" src="<em>js</em>/jquery.min.js"></script > <script type="text/javascript" src="<em>js</em>/book.js"></script> </head> <body>

    来源:源码之家

    </body> </html> 两个js

    1.4K40

    收藏夹吃灰了:GitHub 上值得收藏的100个精选前端项目

    开发者能基于 G6 进行关系图的分析视图和编辑视图进行快速的二次开发  star: 2795 动画 animate.css 一个跨浏览器的css动画库,实现了多种css3动画,简单上手  star : 53850 anime 极小的js动画引擎,支持 css3、svg 的动画,能编写出各种复杂动画,gzip后6K左右  star: 23042 move.js 极小的js库,支持css3的动画 库,使用其特有的方式生成的动画  star: 5650 tween.js 一款可生成平滑动画js动画库,允许你以平滑的方式修改元素的属性值,它可以通过设置生成各种类似css3的动画  star 、网络、菜单  star: 917 JavaScript-Load-Image 一个js加载和转换图像文件的库  star: 3048 progress.js 一个js的库,帮助开发人员为网上的每个对象创建和管理进度条 支持大文件分片并发上传,极大的提高了文件上传率  star: 6115 headroom.js 是一个轻量级、纯js组件,用来隐藏或展现面上的元素,为你的面留下更多展示内容的空间  star: 9905

    67330

    GitHub 上100个优质前端项目整理,非常全面!

    开发者能基于 G6 进行关系图的分析视图和编辑视图进行快速的二次开发 star: 2795 动画 ● animate.css 一个跨浏览器的css动画库,实现了多种css3动画,简单上手 star: 53850 ● anime 极小的js动画引擎,支持 css3、svg 的动画,能编写出各种复杂动画,gzip后6K左右 star: 23042 ● move.js 极小的 一个用于制作漂亮的css3关键帧动画的js库,使用其特有的方式生成的动画 star: 5650 ● tween.js 一款可生成平滑动画js动画库,允许你以平滑的方式修改元素的属性值,它可以通过设置生成各种类似 ● progress.js 一个js的库,帮助开发人员为网上的每个对象创建和管理进度条 star: 2323 ● foundation 号称世界上最先进的响应式前端框架,也是一款移动端优先的框架 支持大文件分片并发上传,极大的提高了文件上传率 star: 6115 ● headroom.js 是一个轻量级、纯js组件,用来隐藏或展现面上的元素,为你的面留下更多展示内容的空间 star:

    86621

    仿网新闻

    //设置阴影图片的宽度         mSlidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset); //SlidingMenu划出时主面显示的剩余宽度 mSlidingMenu.setFadeDegree(0.35f);   //设置SlidingMenu 的手势模式 //TOUCHMODE_FULLSCREEN 全屏模式,在整个content面中 ,滑动,可以打开SlidingMenu //TOUCHMODE_MARGIN 边缘模式,在content面中,如想打开SlidingMenu,你需要在屏幕边缘滑动才可以打开SlidingMenu layout_gravity="top" /> --> </android.support.v4.view.ViewPager> </RelativeLayout> 别的就不贴了,自己下载下来看吧 运行如下

    75490

    原生JS实现分

    做开发久了,会越来越依赖框架,毕竟利用框架可以快速的完成工作任务,如常见的分,只需要与后端配合,由后端返回总数和当前第几这两个参数传给一些框架的分功能,就可以轻松的实现分,那如在不依赖框的情况下利用原生 JS如何实现一个分呢? 接下来给大家分享一段分代码实现下面的。 ? <! html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS 实现分</title> <style> a { margin: 5px; } </style> <script>

    36910

    Android使用手势实现

    本程序的手势检测思路就是把Activity的TouchEvent交给GestureDetector处理,本程序使用了一个ViewFlipper组件,ViewFlipper可使用动画控制多个组件之间的切换 本实例程序通过GestureDetector来检测用户的手势动作,并根据手势动作来控制ViewFlipper包含的View组件的切换,从而实现。 坐标超过FLIP_DISTANCE // 也就是手势从右向左滑 else if (e2.getX() - e1.getX() FLIP_DISTANCE) { // 为flipper设置切换的动画 采用动画方式切换为上一个View;当e2.getX() – e2.getX()的距离大于特定距离时,即可判断用户手势为从左向右滑动,此时设置ViewFlipper采用动画方式切换为下一个View——这样就实现了所谓的“

    42241

    RecyclerView+PagerSnapHelper实现抖音首的Viewpager

    RecyclerView + PagerSnapHelper 实现抖音首的Viewpager,供大家参考,具体内容如下 先来个 ?

    47951

    前端压缩源码分析与还原

    你是否想知道炫酷的H5是如何实现的,原理是什么,本文会为你揭秘并还原压缩过的源代码。 是一款h5面制作工具,因方便用成为业界标杆。 后续一个项目会用到类似这样的自定义H5的功能,因此首先分析下的前端代码,看看他们是怎么实现的,再取其精华去其糟粕。 分析数据模型 前端分析第一步,看看的数据模型: ? parsePage 先看主要代码(重命名后的),主要功能是为每一生成一个section并appendTo(".nr"),另外如面有特,加载相关js库并执行,最后再renderPage。 老套路,先看这块的配置吧,面的配置在obj下面,其中pageMode定义了: "obj": { "id": 8831293, "name": "房产广告", "createUser

    1.7K80

    观数科与达成战略合作!赋能业数字内容营销升级|腾讯SaaS加速器·学员动态

    来源| 腾讯SaaS加速器 二期项目-观数科&一期项目- ---- 近日,专注于智能用户运营产品与行业解决方案的提供商观数科(腾讯SaaS加速器二期项目)正式与基于智能内容创意设计的数字轻营销平台 将加入观数科智能用户运营生态,未来双方将通过智能用户运营和创意内容营销的有结合,更好地为用户提供一站式的数字化营销服务。 ? 观合伙人&观数科副总裁冯阳松称:“在‘千人千面’的运营场景下,数字营销、智能运营发挥巨大作用,观数科希望能够与携手,为更多的业提供有的数字化工具,共同推动各行业的数字化转型和落地。 “ 业商业中心副总裁郜云娜称:“当前,业营销从公域流量到私域流量转变,通过人工智能技术的底层支持,帮助业构建数字营销内容中心,赋能业提升核心增长力。 旗下产品涵盖H5、海报、长、表单、互动、视频等创意设计工具,产品简单好用制作快,用户简单操作就可以生成炫酷的H5、海报图片、营销长、问卷表单、互动抽奖小游戏、特视频等各种形式的创意作品,

    22730

    Android ViewPager实现左右滑动

    本文实例为大家分享了ViewPager实现左右滑动展示的具体代码,供大家参考,具体内容如下 代码如下: package com.example.demo; import java.util.ArrayList

    1K10

    Android 实现书籍----原理篇

    By 何明桂(http://blog.csdn.net/hmg25) 转载请注明出处 之前看到像ipad上的ibook的模拟书籍的特感觉很炫,在 By 何明桂(http://blog.csdn.net/hmg25) 转载请注明出处 实现真实的,为了能在的过程中看到下一的内容,在之前必须准备两张面,一张是当前,另一张是下一的过程就是对这两张面的剪切,组合过程。 用户看到的可以分为3部分:当前的可见部分(下图绿色部分),把书起来后看到的背面区域(下图黄色部分),把书起来后看到的下一的一角(下图绿色部分)。 通过上述求解,绘制的各个顶点均已得出,剩下的就是贴图,绘制阴影。这部分将在于后的文章中介绍,嘻嘻,喜欢研究的童鞋可以自己试试,懒人们,可以等等,明天整理好代码后贴出~~~

    7920

    快速完成网设计,10个顶尖响应式HTML5网模板助你一臂之力

    开发技术:HTML 5, CSS 3, Bootstrap 4 alpha.5, JS, jQuery 网特色: l 视差背景 l 电子邮件订阅选项 l 脚菜单 l Bootstrap 4框架 由于Bootstrap 4为开发人员和用户提供了更多的舒适性和灵活性,Vex模板在小屏幕上可以发挥出色的。 2. Conceit - 业类Bootstrap响应式Web模板 ? l Google字体 l Bootstrap框架 l 图像转换 Conceit是一个现代主题多多用途商业和业相关高利用率网站模板,支持用户构建自己的创意网站。 开发技术:HTML 5, CSS 3, Bootstrap 3, JS, jQuery 网特色: l 粘滞菜单栏 l 滑动标题背景 l 幽灵按钮 l HTML5 / CSS3 如你想要轻量级,灵活且于定制 开发技术:HTML 5, CSS 3, Bootstrap 3, JS, jQuery 网特色: l 视差应 l W3C有标记 l 平滑过渡 l 跨浏览器支持 l 100%响应式布局 l 100

    4.2K51

    快速完成网设计,10个顶尖响应式HTML5网模板助你一臂之力

    Vex - 免费Bootstrap 4着陆模板 开发技术:HTML 5, CSS 3, Bootstrap 4 alpha.5, JS, jQuery 网特色: l 视差背景 l 电子邮件订阅选项 滑块 l 基于Font Awesome的图标 l HTML5和CSS3 l Google字体 l Bootstrap框架 l 图像转换 Conceit是一个现代主题多多用途商业和业相关高利用率网站模板 l HTML5 / CSS3 如你想要轻量级,灵活且于定制,免费供商业和个人使用的业代理网站模板; Asentus正是你想要的。 Garage - 免费的HTML5 CSS3 Bootstrap响应式网模板 开发技术:HTML 5, CSS 3, Bootstrap 3, JS, jQuery 网特色: l 视差应 l W3C 如你不会任何开发语言但也想同样拥有自己的网站,推荐你借助原型设计工具,例如国产的Mockplus快速完成网模板设计。如想像这些优的模板那样,直接下载套用也是可以的。

    6.5K120

    相关产品

    • 云服务器

      云服务器

      云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。 腾讯云服务器(CVM)为您提供安全可靠的弹性云计算服务。只需几分钟,您就可以在云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券