html - 使用css3的页面分割动画

标签 html css animation slice divide

我正在处理我的作品集,我想到一把剑将我的 div/页面切成两半,然后露出下面的东西(见图 :D)。但是我无法让它动画化,除非我使用的是从左向右滑动的图像..(这是一个大图像并且弄乱了我的网站)所以我想知道是否有任何方法可以做这个或者我是否应该把这个想法冲进马桶。

请看这里的图片: http://jvansuchtelen.nl/image.png

提前致谢。

最佳答案

这是可以做到的。看看我的"wipes" plug-in for Scriptaculous (2006) 的一些想法。您可以使用 CSS 背景并将其放置在一堆克隆的 DIV 中,然后您可以移动这些 DIV,就好像它们是真正的大像素一样。

关于html - 使用css3的页面分割动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15026997/

相关文章:

html - 如何禁用全屏 HTML5 视频的默认控件?

javascript - 如何检查加载时输入是否为空?

ios - UIView animateWithDuration 如何通过触摸事件取消(不与 MapView 交互)

iphone - 具有多个 View 的 block 转换

ios - 如何禁用 CALayer 隐式动画?

javascript - 如何将 CKEditor 内容包装在一个 div 中?

javascript - 动态更改 CSS AngularJS

javascript - 如何检测一个空的 div,然后使用 JS 或 css 插入一个 html 按钮

css - 制作一个 div,包含一个可拖动的 img

html - 标题和副标题文本并排 HTML/CSS