CSS3图片动态提示效果_技术问答

首页免费课 CSS3图片动态提示效果问答

CSS3图片动态提示效果

全部评论问答未解决精华

喔咔咔

学完了，很到位

0 4-1 课程总结

2018-03-11

KokoTa

skew属性有bug 会造成浏览器崩溃具体原因未知

1 4-1 课程总结

2018-02-01

TinTinfc

友情提示：图片素材不要选太小

1 2-3 HTML响应式布局

2018-01-01

偶尔。

图片没有划入划出效果的话 css动画这样改试试
.test2:hover img{
transform: translate(-50px,0px);
opacity: 0.5;
}

0 3-1 CSS3 平移动画

2017-12-16

帮帮我

最新回答 / 双鱼小容0313

.text4{position:relative;background:#000;} .text4 img{transform:scale(1,1);} .text4 figcaption div{border:2px solid #fff;width:80%;height:80%;position:absolute;left:10%;top:10%; } .text4:hover img{transform:scale(1.2,1.2);}

1 回答 861 浏览 3-4 CSS3 缩放动画

2017-12-11

笨重的瘦子

这个讲解的一般，，，说真心的

0 1-4 transition详细介绍

2017-12-05

骑着蜗牛play

不建议使用*margin,padding为0时，那些的没有用到样式的都要设置一遍，影响性能，

0 2-2 HTML基本样式

2017-11-29

【求大神解答一下，谢谢】斜切效果在谷歌浏览器运行不好使，但是在火狐ie10都好使为什么

最赞回答 / qq_与我无关N_0

因为在chrome上斜切90deg,相当于无限大，会卡死，可以改为以下设置，效果一样会出来；可以设置：transform: skew(89deg);opacity:0;hover设置：transform:skew(0deg);opacity:1;

2 回答 1053 浏览 3-3 CSS3 扭曲动画

2017-11-27

前端小菜鸟er

讲的很棒！受益匪浅！！！

0 4-1 课程总结

2017-11-23

为什么我写的当鼠标不经过动画，它也动呢？？？？？？

最新回答 / 慕后端5039463

你这个我试过了是能动的你把delay设置成2s 一开始我也以为不能动呢等个2s就能动了

1 回答 864 浏览 1-4 transition详细介绍

2017-11-07

燚生无悔

translate：指定对象的2D平移，单位（px），第一个参数对应x轴，第二个参数对应y轴，如果第二个参数未提供，则默认值为零
rotate：指定对象的2D旋转（顺时针），单位（deg），需先有transform-origin属性的定义，控制旋转的中心点，默认值（50% 50%）
scale：指定对象的2D缩放，单位（‘1’），也需要transform-origin属性的定义，控制缩放中心点，默认值（50% 50%）
skew：指定对象斜切扭曲，单位（deg），第一个参数对应x轴，第二个参数对应y轴，如果第二个参数未提供，默认值为零

0 1-3 transform属性特点

2017-11-03