CSS/HTML源码-一款扁平化天气特效卡片

小笨
小笨
小笨
73
文章
8
评论
2020年6月16日23:33:38 评论 336 views

CSS/HTML源码-一款扁平化天气特效卡片

这是一款由外国作者Steve Gardner创作的扁平化天气卡片,主要包括下雨天、下雪天、打雷、大风和晴天这几个天气场景。与众不同的是,每个场景的动画都做得十分细致 CSS/HTML源码-一款扁平化天气特效卡片 ,而且自带切换天气场景的动画。

给人一种很清新的感觉,有木有 CSS/HTML源码-一款扁平化天气特效卡片 。大概地看了源码,主要用到了Snap SVG动画类库和tweenmax动画插件。看来以后有时间也要研究研究 CSS/HTML源码-一款扁平化天气特效卡片 !喜欢的童鞋可以在下方下载!

♥Demo传送站:https://zhouxiaoben.info/demo/weather/

 

下载地址

♥源码下载:https://306t.com/file/15372029-449272098

 

weinxin
【微信~支付宝~QQ】打赏
如果本文对你有所帮助,请打赏~1元就足够感动我
小笨
  • 本文由 发表于 2020年6月16日23:33:38
  • 转载请务必保留本文链接:https://zhouxiaoben.info/post-11278.html
CSS/HTML/SVG-模拟自行车行驶动画 网站源码

CSS/HTML/SVG-模拟自行车行驶动画

这次小笨要分享的也是一款利用SVG路径特性和CSS3动画特性实现的自行车模拟行驶动画,自行车的外观是利用SVG路径绘制而成,再通过CSS3模拟脚踏板和轮胎的转动来实现。   demo预览:https:...
CSS/HTML-3D小镇动画源码 网站源码

CSS/HTML-3D小镇动画源码

这是一个主要由css动画实现的3d视角的小镇。 可以拖动视角轴来查看整个小镇。其实仔细看了一下源码,实现起来不难,主要是利用css的transform和animation,移动的距离和位置都是固定的。...
CSS/HTML-绚烂星空动画 网站源码

CSS/HTML-绚烂星空动画

这是一款使用canvas制作的炫酷 3D 星空动画特效页面。在该特效中,以悬浮物和小星星向前匀速转动为视角,组成一幅绚烂的星空。有需要的童鞋可以前往预览和下载!   demo预览:https...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: