2016-09-03 3 views
1

可能ですか?
私はこれを意味する:タグ内のスタイル属性だけを使用したアニメーションまたはトランジション

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

それは任意のタグ、または多分他のタグからアニメーションやトランジションをトリガすることができます。 この質問は、Webアプリケーションでアニメーションやトランジションを使用したいと思うためですが、このアプリケーションではstyleタグ属性に含まれるCSSを使用できます。

偽のクローズ私は推測ではありませんので、私はトランジションを起動できません。どちらもjavascriptを使用できませんので、onmouseoverまたは同様の種類のものは問題外です。

アニメーションのキーフレーム設定が必要で、スタイルタグ内にキーフレームを設定できません(またはできますか?)。私はここで似たようなものを読んでいます: https://css-tricks.com/animate-to-an-inline-style/ しかし、私はそれが私が求めているもののためにはうまくいかないと思います。

属性からCSSをインポートするためのハックがあるか、またはクロームブラウザのアニメーションを達成するためのハッキングがあるかどうかはわかりません(別のこととして、HTMLのheadセクションにはアクセスしていません)。

うん、私は知っている、それは使えないと思われる、私はちょうどアニメーションが非常に限られていても、これを達成するための何かのトリックがあるのか​​不思議だった。 お時間をいただきありがとうございます。

答えて

1

いいえ、afaik。

上記のように:hoverまたはkeyframesを必要とするアニメーションでは最低限ではありません。ただし、同じHTMLページに含まれているアニメーションを<style>に添付することで可能です。または、同じhtmlページにjsコードを使用してcssコードを挿入します。これは、同じファイルにCSSを置いても問題ない場合に適しています。

あなたが言及したリンクはではありませんアニメーションのインラインCSSを使用しています。それは別のCSSファイルを持っています。

+0

ええ、私はを使用することはできません。これはコードから自動的に削除されます。私はこれを達成する可能性はほとんどないことを知っていますが、私が前に思っていなかったハックがある場合に備えて質問を公開します。数日後、私はこれを答えとしてマークします。また、リンクの例が役に立たなかったことは知っていますが、Toや100%を設定する必要がないということは別の方法を見つけるのに役立つかもしれません。 – AngelLestat

+0

それから私はちょっと難しいと思う、おそらくあなたは_hack_を見つける必要がある!電子メールなどでこれをやっていますか? –

+0

私はhtmlを使って商品説明を挿入できる(mercado libre)というページでこれをやっています。いくつかのセキュリティ上のリスクについては、単にタグをCSSに含めることができるようです。 – AngelLestat

関連する問題