请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
/* .petal宽高度依据图片尺寸。父元素宽高各100、强制子元素绝对居中 */
.petal {
width: 75px;
height: 160px;
top: -110px; /* 居上半部,父元素高度100,160-100/2 = 110 */
background: url('https://638183.freep.cn/638183/small/2025/fl1026.gif');
transform-origin: 50% 100%; /* 旋转中心 */
}
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.min.js';
const tz = TZ.TZ('pa');
tz.add('div', 'mum', 'wrap100 rot-ani');
tz.lzRot(6, 'mum', {
className: 'petal',
});
</script>
|