Html 如何仅对背景图像而不是文本应用效果

我正在寻找一种制作css效果的方法，但除了不将效果应用于字母和按钮（仅应用于图像），所以我需要在css中创建一个规则。我不能改变事情的顺序。 用我的代码，我得到了这样的东西

这是我的代码，就像你们可以看到的，我在css中应用了一些效果，这正被应用到所有人身上。我只需要它的形象

.myimage01{
-webkit转换：规模（1）；
变换：比例（1）；
-webkit转换：.3s轻松输入输出；
转换：.3s易进易出；
}
.myimage01：悬停{
-webkit转换：规模（1.3）；
转换：比例（1.3）；
}

你好，世界
这就是工作原理
看看新事物

尝试转换

背景大小

属性，而不是缩放整个容器

您可以对

背景大小

，

背景位置

应用变换，以获得对背景图像的效果

.myimage01{
背景大小：100%；
背景位置：0px 0px；
-webkit转换：全部；
转变：一切；
-webkit转换：.3s轻松输入输出；
转换：.3s易进易出；
}
.myimage01：悬停{
背景大小：140%；
背景位置：-50px-50px；
-webkit转换：全部；
转变：一切；
}

你好，世界
这就是工作原理
看看新事物

使用背景大小进行转换：

div{
背景图片：url(http://lorempixel.com/400/200/sports/1/);
背景大小：100%；
背景重复：无重复；
背景位置：50%50%；
宽度：400px；
高度：200px；
过渡：背景尺寸200ms线性；
文本对齐：居中；
线高：200px；
}
div:悬停{
背景大小：120%；
}

一些文本

对于过渡背景，请使用属性

背景大小

，并使用

背景位置

进行调整，使其更适合您

正文{
保证金：0
}
.myimage01{
背景大小：100%；
背景位置：中心；
-webkit转换：.3s轻松输入输出；
转换：.3s易进易出；
背景图片：url(http://lorempixel.com/1600/900);
填充：40px 30px；
颜色：#ffffff；
文本对齐：居中；
}
.myimage01：悬停{
背景大小：130%；
}

你好，世界
这就是工作原理
看看新事物