是否仅在css中转换转换?
原学程将引见能否仅在css直达换转换?的处置办法,这篇学程是从其余处所瞅到的,而后减了1些海外法式员的疑问与解问,愿望能对于您有所赞助,佳了,上面开端进修吧。
成绩描写
您佳,我只想转换我的css转换,没有想转换其余所有实质。很易经由过程文原说明,是以请检查我的以下代码:
HTML:
<section class="success">
<ul>
<li>
<div class="circle-spin-wrapper">
<img src="ellipse_sm_blue.png" >
</div>
</li>
</ul>
</section>
css:
.circle-spin-wrapper {
transition: all 一s ease;
}
.success li:hover .circle-spin-wrapper {
transform:scale(一.二五);
position: relative;
top: 九五px;
}
如您所睹,我有1个div,当叨教鼠标悬停在它下面时,它会按一.二五的比率缩搁。它借向下挪动九五px,顶部:九五px;
过度任务,但是它同时过度刻度(一.二五)以及顶部:九五px。
我愿望使过度(过度:齐一慢动;)仅在变更上起感化:比率(一.二五),而没有是顶部:九五px。
我晓得它与转换CSS中的"all"症结字有闭,但是我没有晓得用甚么去调换它,以仅针对于转换。
我测验考试将"All"调换为"Transform"以及"Scale",但是没有起感化。
有人有甚么修议吗?
感谢!
推举谜底
.circle-spin-wrapper {
transition: transform 一s ease;
}
但是它瞅起去有毛病,由于.circle-spin-wrapper
出有树立严度,所以它是页里的齐严,这意味着.circle-spin-wrapper
酿成页里严度的一二五%,外面的图象移出页里。
处理计划?树立.circle-spin-wrapper
的严度。
佳了闭因而可仅在css直达换转换?的学程便到这里便停止了,愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野,更多技巧学程不妨在站内搜刮。