javascript - JQuery 函数扭曲图像。怎么修?

标签 javascript html css

自己看看。我不知道是否有可能摆脱那个奇怪的彩色边框。这段代码的重点是能够旋转图像并同时改变它的颜色。代码的方式,图像的颜色和 Angular 可以很容易地被编码为动态的。此代码使用白色的 png 图像,但具有爪印形状的透明层。这样,当您编辑背景颜色时,它会更改图像的颜色。如果不是添加到图像中的怪异边框,效果会很好……请注意,如果您删除旋转功能,就不会出现烦人的边框。

包括 JQuery 1.8.2,这里是 HTML/CSS 代码:

CSS:

.image {
display: inline-block;
margin-left:auto;
margin-right:auto;
background-color: blue;


transform: rotate(30deg);


}

HTML:

<span class="icon"></span>​

最佳答案

添加这个:-webkit-backface-visibility:hidden; 帮我解决了这个问题

关于javascript - JQuery 函数扭曲图像。怎么修?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13888323/

相关文章:

html - 自动填充两列

css - 为什么我的居中对齐的 div 不向左滚动?

javascript - 使用 jQuery DataTables 自定义 REST 数据源

javascript - 在加载另一张图片时显示另一张图片

html - 在中心对齐 div 不起作用

html - 如何摆脱 IE 中文本区域的垂直滚动条?

javascript - onclick 显示所有隐藏元素

javascript - 自定义绑定(bind) (knockout.js) 以根据其他 <select> 更新 <select>

javascript - 在 React 中使用 js-cookie 在域级别设置 cookie

链接上的 Javascript 触发事件