2016-09-03 12 views
1

這可能嗎?
我的意思是這樣的:僅在標籤內使用樣式屬性的動畫或轉換

<div style="?css animation?"> Content </div> 

它可以是任何標記,也可能引發其他標籤動畫或過渡。 這個問題是因爲我想在web應用程序中使用動畫和轉換,但是這個應用程序只是讓我使用包含在style標籤屬性中的css。

僞猜測我猜是不可能的,所以我不能觸發轉換,我也不能使用javascript,所以onmouseover或類似的東西是不可能的。

另一方面,動畫需要它們的關鍵幀設置,並且我不能在樣式標籤內設置關鍵幀..(或者我能嗎?)。我在這裏讀到類似的東西: https://css-tricks.com/animate-to-an-inline-style/ 但我想這不適合我所要求的。

不知道是否有黑客從屬性中導入CSS或只是在Chrome瀏覽器中實現動畫(另一件事,我沒有訪問HTML的頭部分)。

是的,我知道,這似乎是不可能完成的任務,我只是想知道如果有某種技巧可以實現這一點,即使動畫非常有限。 謝謝你的時間。

回答

1

不,afaik。

至少不是那些需要您提及的:hoverkeyframes的動畫。但是,可以通過在同一個html頁面中包含附加到<style>的動畫。或者通過在同一個html頁面上使用js代碼注入css代碼。如果你可以將CSS放置在同一個文件中,這很適合。

您提到的鏈接是不是使用內嵌CSS進行動畫;它有一個單獨的CSS文件。

+0

是的,但我不能使用,即自動從代碼中刪除。我知道實現這一目標的可能性幾乎沒有,但是我會讓問題公開,以防萬一有一些我以前從未想到的黑客行爲。幾天後,我會將其標記爲已回答。另外,是的,我知道鏈接示例沒有幫助,但也許事實上,你不需要設置爲或100%可能有助於找到另一種方式。 – AngelLestat

+0

然後我覺得它有點難,可能你需要找一個_hack_!你是在做這個電子郵件或什麼的? –

+0

我正在爲一個名爲(mercado libre)的頁面執行此操作,您可以在其中使用html插入產品描述。 buf似乎對於一些安全風險,他們只是允許包含在標籤中的css。 – AngelLestat

相關問題