首页 > 网站脚本

一款好看的地图标记样式

应用平台:PC + 移动

   凡库  No.05
网站样式兼容性
样式描述:带有特效的地图标记样式,可以与静态图片结合,实现地图标记效果。

带有特效的地图标记样式,可以与静态图片结合,实现地图标记效果。

友情提示:文件压缩包若带有密码,均为:www.changfanku.com

部分代码段

@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
推荐样式

DEMO.黑色科技材料网站样式

黑色科技网站样式
  科技广告
 596  ¥8000元

DEMO.工业设备企业网站样式

一款以生产工业设备为主的一家高科技生产型企业网站,主题色为绿色。
  工业化工
 337  ¥8000元

DEMO.新能源公司网站模板

一款新能源集团网站样式,大气、简洁。
  工业化工
 251  ¥8000元

DEMO.网络科技公司网站样式

一款科技感非常强的H5自适应网站样式,适用于:网络公司、科技、文化、娱乐、设计等企业网站。
  科技广告
 221  ¥8000元

微信扫一扫

学习更多的网络营销知识

海量网站任你选~