js css 生成图片插件_10种很棒CSS / JS插件和编码技术

js css 生成图片插件

您可以使用很少CSS和JavaScript创建一些令人印象深刻的网站。 在这篇文章中，我们收集了数百种很棒CSS和JavaScript插件以及编码技术（肯定会出现在您的工具箱中），其中有数百种（下一篇文章中将会介绍更多）。 请享用！

1.使用CSS3创建动态索引卡堆栈

在本教程中，您将学习如何仅使用HTML和CSS3创建动态索引卡堆栈，以及如何使用CSS3功能，例如变换和过渡（用于动态效果）以及@ font-face，box-shadow和border-radius（用于样式）。

资源

2.动态PNG阴影位置和不透明度

了解如何使用JavaScript创建可移动对象。

资源

3. CSS3的出色叠加

这些叠加层的窍门是渐变边框，从上到下从浅到深。 为了创建这种效果，我们使用了border-image属性，这是对CSS的一个棘手的小改动。

资源

4.如何仅使用CSS3创建深度和精美的3D色带

要使用RGBa创建阴影阴影（一种颜色模型，可以在任何种类的背景下实现最佳对比度），我们将使用框阴影。 RGBa是标准的RGB模型（0,0,0-255,255,255），它为不透明度添加了最后一个选项（a）。 我们也可以将该模型用于其他属性，并且可以在新的浏览器中使用。

资源

5.带有jQuery和CSS3的半色调导航菜单

学习制作CSS3和jQuery半色调样式的导航菜单，该菜单将允许您根据导航链接显示动画的半色调样式的形状，并且还将提供用于创建其他形状的简单编辑器。

资源

6.使用CSS转换构建Coverflow

了解如何创建实际上可以实时流动和设置动画的Coverflow效果，而无需使用画布或预先渲染的图形。

资源

7. CSS过渡的精髓

您将学习CSS 3转换和WebKit转换如何为您在网站上显示图像的方式增加色彩。

资源

8.用CSS3滑动乙烯基

为了创建一种可滑动的乙烯基效果来炫耀您喜欢的音乐，我们采用了标准的专辑封面，少许HTML以及一些CSS3过渡和转换。

资源

9. CSS3和Mootools的乐趣

这些示例是在MooTools中试验extend属性时出现的。 通过扩展样式类，我可以将CSS3属性添加到Core MooTools框架中并进行CSS3动画处理。

资源

10. 3D CSS和视频的乐趣

免费学习PHP！

全面介绍PHP和MySQL，从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

免费获得这本书

Zach Johnson一直在通过CSS体验3D效果，例如上面的isocube，它通过简单HTML（包括用于在表面播放视频的视频标签！）和一些CSS带来。

资源

翻译自: https://www.sitepoint.com/10-awesome-cssjavascript-plugins-coding-techniques/

js css 生成图片插件