国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

css3怎么從外往內(nèi)scale,CSS3從外往內(nèi)縮放效果

前端小編 5 0

CSS3中實(shí)現(xiàn)從外往內(nèi)縮放(Scale)的動(dòng)畫效果,可以通過使用transform屬性和scale()函數(shù)來實(shí)現(xiàn),以下是一個(gè)簡單的示例,展示如何實(shí)現(xiàn)從外往內(nèi)的縮放效果:

1、HTML結(jié)構(gòu)

<div class="container">
  <div class="inner-box">
    <p>我是從外往內(nèi)縮放的文字</p>
  </div>
</div>

2、CSS樣式

.container {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid #000;
}
.inner-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f00;
  transform: scale(1); /* 初始狀態(tài) */
  transition: transform 2s; /* 縮放動(dòng)畫時(shí)間 */
}
.container:hover .inner-box {
  transform: scale(0.5); /* 縮放***一半大小 */
}

在這個(gè)示例中,當(dāng)鼠標(biāo)懸停在容器上時(shí),內(nèi)部的inner-box元素會(huì)進(jìn)行從外往內(nèi)的縮放動(dòng)畫,通過transform: scale(1)設(shè)置初始狀態(tài),然后通過transform: scale(0.5)設(shè)置縮放***一半大小的狀態(tài)。transition: transform 2s屬性用于設(shè)置縮放動(dòng)畫的時(shí)間為2秒。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
国产一区二区三区不卡av| 81精品国产乱码久久久久久| 暴躁少女CSGO免费观看视频大全| japanese日本白嫩丰满少妇| 久久精品国产亚洲av麻豆白洁| 国产好爽又高潮了毛片91| 亚洲精品乱码久久久久久久久久久久| 天堂网成人在线| 成人做爰黄片视频| 国产精品视频一二三区| 星空影院在线观看全集免费高清视频 | 日韩精品无码人妻一区二区三区| 男人亲女人下面视频| 国产精品久久久久久久久久精爆| 国产麻豆成人精品AV| 性少妇videofree欧美69| 亮人妻被黑人久久精品夜夜嗨| 亚洲av不卡一区二区| 日本肉体裸交xxx| 日韩高清国产一区在线| 日本美女手淫| 五月婷婷丁香激情| 暖暖视频在线观看免费| 91亚洲国产aⅴ精品一区二区| av午夜在线| 9区中文字幕在线| 精品欧美乱码久久久久久 | 美女精品久久久| 亚洲国产精品久久久| 天天日天天干天天操天天射| 7777视频| 国产精品a62v久久久久久麻豆网| 国产呻吟刺激对白91| 午夜精品久久久久久久99| 色欲久久久天天天综合网| 人人妻人人澡人人爽人人dⅴd| 国产精品九九99久久精品| 人妻一| 国产欧美一区二区三区另类精品| 成人免费看片粪便| 国产成人精品视频一区二区|