如何在博客动态视图模板旋转这样的圆形轨迹图像

-3

enter image description here 如何在博客动态视图模板旋转这样的圆形轨迹图像

如何在博客动态视图模板旋转圆形路径相似图片，当我在圆形路径点击任何图像应该打开指定链接

来源

2016-11-08 sudheer bollapragada

请写下你到目前为止尝试过的东西。 –

我试过HTML CSS代码，但它没有工作 –

[位置图标放入圆形]（http://stackoverflow.com/questions/12813573/position-icons-into-circle） – madalinivascu

我不是100％确定blogger dynamic view template是什么，但是如果您可以编写自定义CSS3 + HTML标记，则以下代码应该足够了。

截图第一：

它所做的基本上是旋转图像无限的时间，同时使图像可点击的每一个圆圈图标。：

<html> 
<head> 
    <style type="text/css"> 
     @keyframes myfirst 
     { 
      from {transform: rotate(0deg);} 
      to {transform: rotate(360deg);} 
     } 

     img { 
      animation-name: myfirst; 
      animation-duration: 5s; 
      animation-timing-function: linear; 
      animation-delay: 0s; 
      animation-iteration-count: infinite; 
      animation-direction: normal; 
      animation-play-state: running; 
     } 
    </style> 

</head> 
<body> 
    <img src="pic.png" usemap ="#planetmap"/> 
    <map name="planetmap"> 
     <area shape="circle" coords="67,95,40" href="example.com"/> 
     <area shape="circle" coords="177,60,40" href="example.com"/> 
     <area shape="circle" coords="244,150,40" href="example.com"/> 
     <area shape="circle" coords="69,211,40" href="example.com"/> 
     <area shape="circle" coords="180,247,40" href="example.com"/> 
    </map> 
</body> 
</html>

特别提示：请到MDN兼容性信息，如CSS3还没有稳定下来。

来源

2016-11-08 11:39:26

如何在博客动态视图模板旋转这样的圆形轨迹图像

回答

相关问题