Javascript 如何在动态创建的图像上应用转换

如何在没有悬停或单击事件的情况下对图像应用转换？我想在动态创建图像并显示在页面上时应用转换，转换将自动应用于该图像

HTML

---

首先用转换代码在css中创建类

CSS代码

.transitionEle
 { 
    //css propertiess 
 }

使用javascript创建元素并添加class.transitionEle

使用这种方法，您可以使用该类的次数并应用于元素的数量

---

希望你得到它。祝你好运['}

什么转换？你的代码中没有定义。是的，因为我不知道如何应用它。iSo首先使用：hover作为测试在CSS中设置转换。你能稍微解释一下吗？谢谢，我想添加旋转（180度）。它是如何应用旋转的转换，在2秒内不悬停。OP给出了大量的代码。仅给出一个描述作为回报并不是一个完整的答案。请在上下文中用代码说明您的意思。

function img(target)
{
    var sample=document.createElement("img");
    sample.src="../cross_script.png";

    document.getElementById("form").appendChild(sample);
    if(target.nextSibling)
    {
        target.parentNode.insertBefore(sample,target.nextSibling);
    }
    else{
        target.parentNode.appendChild(sample);
    }
}
function fvalidity()
{
    var txt="";
    if( document.getElementById("fname").validity.patternMismatch)
    {
        txt="*Only Alphabet max 10 Characters.";
        }
        if(document.getElementById("fname").value=="")
        {
            txt="Field is Empty!!";
         }
        if(txt!="")
        {
            img(document.getElementById("fname"));
            var s=document.getElementById("error");
            s.innerHTML=txt;
            s.style.visibility="visible";
       }
}

.transitionEle
 { 
    //css propertiess 
 }