Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery和css实现这样的半滑块?_Jquery_Image_Css_Slider - Fatal编程技术网

如何使用jquery和css实现这样的半滑块?

如何使用jquery和css实现这样的半滑块?,jquery,image,css,slider,Jquery,Image,Css,Slider,您看到Microsoft surface主页了吗?有两个斜切面板,在鼠标悬停时起作用,并满足屏幕的宽度。如何使用jQuery和CSS实现它 是否有任何库或jQuery插件?真让人困惑。我甚至不知道这个组件的名称,它是一个滑块,还是一个带槽的面板,还是什么 它被称为skewslider 你可以在这里买到 免费的代码在这里 这可以使用css3使用skew转换属性来完成 您是否尝试打开浏览器的控制台?我们来这里不是为了在网络上实现好的效果。是的,我做了,搜索了很多,但我在其他网站上也看到了类似的效果,

您看到Microsoft surface主页了吗?有两个斜切面板,在鼠标悬停时起作用,并满足屏幕的宽度。如何使用jQuery和CSS实现它

是否有任何库或jQuery插件?真让人困惑。我甚至不知道这个组件的名称,它是一个滑块,还是一个带槽的面板,还是什么


它被称为
skewslider

你可以在这里买到

免费的代码在这里


这可以使用css3使用skew转换属性来完成

您是否尝试打开浏览器的控制台?我们来这里不是为了在网络上实现好的效果。是的,我做了,搜索了很多,但我在其他网站上也看到了类似的效果,我想这肯定是某种东西,而且不是微软网站独有的,但我不知道这是什么组件或技术,你可能知道。你知道吗?