三个令人惊叹的CSS动画效果会吸引你，美丽的视觉设计是不够的，现代设计需要大量的互动才能真正脱颖而出。

    在企业网站设计的网站上进行互动设计是令人兴奋的，但是很昂贵。经常需要在设计师和开发者之间来回地获取动画，但是并不需要。
    
    CSS代码提供了有限的知识和设计师来改进项目和惊人的运动效果，这将给用户前所未有的机会。
    
    从最简单的事情开始：从一个屏幕到另一个屏幕…
    

    一种简单的视图技术滑块
    
    您可以构建文本编辑器和浏览器测试，但我更喜欢使用这样的工具或CODEPTN JSFIDLE。
    
    建立一个基本的布局，像这样：
    
    你需要一个屏幕，然后是屏幕上的尺子。滑块越过屏幕的边缘，保持模型的图像。
    
    为了实现这个目标，您需要确保添加溢出：隐藏在屏幕区域中。
    
    你的CSS会是这样的：

    CSS中的最后一个语句是控制滑块的位置并移动滑块Div的语句。左边的第二幅图像由320px显示。
 
    有了一点创造力，你就可以运行这个简单的技术，创造出一些聪明的动画。当你把效果结合起来时，事情就开始变得有趣了。例如：我重新创建了Twitter的刷卡来显示文件，从他们的移动应用程序中使用非常类似的滑块方法。

    三维变换
    
    如果您需要三维转换，请随身携带，因为它们提供了极好的视觉效果。
    
    使用WebKit的Transform:Properties，我们可以将浏览器作为三维空间和深度来制作一些动画。IOS7使用原生形式的隐喻，尤其是空列表。同时，三维转换对于创建弹跳或砰动画非常有用。
    
    我使用相同的方法：hover从我们前面的示例和一些3D转换策略中创建这个效果：

    使用jQuery和JavaScript
    
    到目前为止，我们只看了CSS：hovering会产生动画效果。使用jQuery，我们可以使用()事件在元素中指定addclass()和removeclass()。我们希望，这给了我们进行任何疯狂动画的巨大灵活性。
    
    下面，我有一个名为Casco的函数，它适用于以0.15s间隔使用四个菜单项的开放类。这个开放类提供图标不透明度：1；左边：0；过去，它们是不透明的：0；左边：-50px。这将为菜单创建一个漂亮的打开效果。实验本身正在进行。JS小提琴。
    
    最后一个是极端示例，但是它只显示了系统的原型可能的情况：

    企业网站设计
    
    车间设计与生产

    通过设计你自己的简单动画，你将花费大量的时间和精力在你自己和你的开发团队上。使用CSS，你可以用动画做实验，并且发送你的工程师的生活、呼吸和锻炼的例子。你所要做的就是让你的模型变成一点生活的代码。