如何在博客動態視圖模板旋轉這樣的圓形軌跡圖像

-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

如何在博客動態視圖模板旋轉這樣的圓形軌跡圖像

回答

相關問題