使用Three.js引擎(这是开源的webgl三维引擎,gitgub)进行一个简单应用。 做一个酷炫的3d效果的标签墙(已经放在我的博客首页的右下角,pc可见), 去我的博客首页看看实际效果 www.songshizhao.com 静态效果如...
此动画效果是我在浏览文章时发现的一个非常酷炫的效果,于是就使用 Flutter 实现了。 更多动画效果及Flutter资源:https://github.com/781238222/flutter-do 添加依赖 在项目的 pubspec.yaml 文件中添加依赖:...
一、效果演示 我用python开发了一个动态疫情地图,首先看下效果: 如图所示,地图根据实时数据通过时间线轮播的方式,动态展示数据的变化。随着时间的推移,疫情确诊数量的增多,地图各个省份颜色逐渐加深,可以...
现在Flutter的路由效果已经非常不错了,能满足大部分App的需求,但是谁不希望自己的App更酷更炫那,下面介绍几个酷炫的路由动画。 其实路由动画的原理很简单,就是重写并继承PageRouterBuilder这个类里的transiti...
这是之前写的用H5制作的音乐播放器,前三节其实已经做得差不多了,音轨的制作原理已经在上一节说明,不过一直还没有和音乐对接。 本章作为该系列的一个完结篇,我会专门把动态音轨的实现代码贴出来,demo地址会在...
最近除了做业务,也在尝试学习h5和移动端,在这个过程中,学到了很多,利用h5和canvas做了一个爱心鱼的小游戏。点这里去玩一下 PS: 貌似有点闪屏,亲测多刷新两下就好了==。代码在本地跑都不会闪,放到博客里就闪...
Android上开源的酷炫的交互动画和视觉效果:http://blog.csdn.net/u013278099/article/details/50323689 Awesome-android-ui:https://github.com/wasabeef/awesome-android-ui Android经典开源码分享(23Cod...
这篇文章讲的是如何利用python制作狂拽酷炫吊炸天的二维码,非常有趣哦! 可能你见过的二维码大多长这样: 普普通通,平平凡凡,没什么特色。。。 但,如果二维码长这样呢! 或者 这样! 是不是炒鸡好看! ...
写在前面 最近看到一个非常酷炫的menu插件,一直想把它鼓捣成vue形式,谁让我是vue的死灰粉呢,如果这都不算爱 用vue做一个酷炫的menu的相关教程结束。
由于项目中需要添加单元测试,所以查询之后发现Mockito非常适合现在的web项目。 首先需要添加pom依赖: <dependency> <groupId>junit</groupId> <artifactId>junit</artifact...
粒子动画,顾名思义,就是页面上存在大量的粒子构建而成的动画。传统的粒子动画主要由 Canvas、WebGL 实现。 当然,不使用 HTML + CSS 的主要原因在于,粒子动画通常需要较多的粒子,而如果使用 HTML + CSS 的话...
本文介绍了html5 canvas玩转酷炫大波浪进度图效果,具体如下: 如上图所见,本文就是要实现上面那种效果。 由于最近alloytouch要写一个下拉刷新的酷炫loading效果。所以首选大波浪进度图。 首先要封装一下大波浪...
上图便是这个音频播放器的ui界面图,里面还隐藏了一个歌曲的播放列表。整个播放器的ui除了大背景的人像图和歌曲的星星评分使用了图片其他全部由css和font-face绘制而成,看上去有难度的地方就只有cd和打碟器的制...
特炫的三维相册分享出来,希望大家喜欢! xml/html code复制内容到剪贴板 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www...
之前学习 react+webpack ,偶然路过 ,看到顶部的 logo ,就很感兴趣。 最近觉得自己 css3 过于薄弱,想着深入学习一番,遂以这个 logo 为切入口,好好研究学习了一下相关的 css3 属性。webpack 的 logo 动画效...
主要亮点: 1 ul 水平显示 2 li 去掉圆点 3 li中字体水平、竖直居中 4 li控制边框样式 5 使用html + css3 渐变画图 制作背景图片 6 更改颜色透明度 7 div...
我爱撸码,撸码使我感到快乐! 大家好,我是counter,本章微博主要利用了css3的一些新特性, 主要用到关键帧来使3d图形运动起来,涉及到了一些抽象的思想,立体的想象。 先给大家看看完成的效果,代码也不是很难...
此前在HUAWEI nova3发布会中,相信大家都已经感受到了AR能力带来的惊喜: 现实场景召唤圣斗士,随时随地交流合影: 点击观看视频:https://v.qq.com/x/page/m1344f6bzpj.html 三大电商平台(京东、苏宁、天猫)合...
效果如下: 代码如下(点击可展开查看源码): <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset...