手机app界面纯css3天气特效代码

来源:https://www.sucaihuo.com/js/1928.html 2017-05-13 00:15浏览(1042) 收藏

动画效果比较酷炫的css3天气特效,鼠标滑过的显示多种SVG天气动画,比简单的图片显示好很多。
手机app界面纯css3天气特效代码
分类:html5 > SVG 难易:
查看演示 下载资源 下载积分: 30 积分

样式开头需要导入google字体,css3里的animation、transform、rotate都用到了,鼠标悬停动画特效也是很酷炫的,值得借鉴学习一下。

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
  font-family: 'weathericons';
  src: url("fonts/weathericons-regular-webfont.eot");
  src: url("fonts/weathericons-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/weathericons-regular-webfont.woff") format("woff"), url("fonts/weathericons-regular-webfont.ttf") format("truetype"), url("fonts/weathericons-regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

页面内CSS样式均可以自行调整,包括动画特效参数。

评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2