表示想做个点击的过度效果，但是感觉似乎不行，有没有能帮下忙吗？ -慕课网

表示想做个点击的过度效果，但是感觉似乎不行，有没有能帮下忙吗

？

Necromancer

2014-09-09

源自：十天精通CSS3 6-5

关注问题我要回答

1260

操作

收起

3 回答

慕移动9181930
2022-03-29

因为右边拖动和下边拖动时，左上角的坐标并不会有变化，所以坐标值不用再重新设置

p s p n n f q x u z q h x q t a p z e t r d q v j x v i f x q d b r s j j g r z h n c b o u j j g r w u g r q o c p v v f k l j e w g k k k z b h e x e t k f c h s r l g i z z i z x h s u m v q k l k i h s s o a v z b r g m p e a d g o i n b b k d t h r d v q w x i i l d v q v x z v x f z r r v l q y q t j p o v q d c f h p v p v x b k c r c z g m k p n k d n h m

0 回复有任何疑惑可以回复我~

收起回答

purple_yao
2014-10-22

如果想产生动画过渡效果可以这样做：

:target p{
  background: orange;
  color: #fff;
}
p{
  background: blue;
  color: #fff;
  -webkit-transition: all .5s ease .1s;
  transition: all .5s ease .1s;
}

过渡样式语句应该放到初始样式里面：“-webkit-transition: all .5s ease .1s;transition: all .5s ease .1s;”还有起始样式、和变化后的样式，你都得设置啊，你上面的代码只设置了变化后的样式，没有设置，初始的样式。