Skip to content

Instantly share code, notes, and snippets.

@JCBN03
JCBN03 / 3d-interactive-cube-with-rotating-sides-using-css3-and-javascript.markdown
Created June 10, 2021 20:51
3D Interactive Cube with Rotating Sides using CSS3 and JavaScript

3D Interactive Cube with Rotating Sides using CSS3 and JavaScript

An experiment using a combination of CSS3 and JavaScript to animate a cube based on mouse and touch events. Each individual side of the cube's content is automatically rotated as the user moves the cube to keep the content viewable from any angle.

A Pen by Jordan Leigh on CodePen.

License.

@JCBN03
JCBN03 / index.html
Created June 10, 2021 23:31
jQuery SVG 3D Tag Cloud Plugin
<link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<title>jQuery SVG 3D Tag Cloud Plugin Example</title>
<div class="jquery-script-clear"></div>
</div>
</div>
<div id='tag-cloud'></div>
@JCBN03
JCBN03 / index.html
Created June 11, 2021 00:04
Tag cloud with graph
<div id="tag-cloud"></div>
<div id="tag-cloud2"></div>
<canvas id="container" width="640" height="480">
</canvas>
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="https://www.jqueryscript.net/demo/3D-Interactive-SVG-Tag-Cloud-Plugin-With-jQuery-SVG-3D-Tag-Cloud/jquery.svg3dtagcloud.min.js"></script>
<script src="http://musclesoft.github.io/jquery-connections/jquery.connections.js"></script>
@JCBN03
JCBN03 / index.html
Created June 11, 2021 00:19
jQuery SVG 3D Tag Cloud Plugin
<link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<title>jQuery SVG 3D Tag Cloud Plugin Example</title>
<div class="jquery-script-clear"></div>
</div>
</div>
<div id='tag-cloud'></div>