Skip to content

pipeng119/3d_bomb

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bomb Picture (3D)

You can use it like this:

<style type="text/css">
	.wrapper {
		position: relative;
		cursor: pointer;
		perspective: 250px;
	}
</style>

<div class="wrapper" id="zd-wrap"></div>
		
<script src="js/bomb.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var explore = new ParticlesTemplate(),
		exploreImg = new Image(),
		wrapper = document.getElementById('zd-wrap');
	exploreImg.src = 'img/zoro.jpg';	
	exploreImg.onload = function () {
		explore.init(exploreImg, wrapper);
		wrapper.addEventListener('click', function () {
			explore.go();
		}, false);
	};
</script>

For more information: https://www.cnblogs.com/qieguo/

Demo

See it in action: https://qieguo2016.github.io/3d_bomb/

Screenshot

atl="Screenshot"

About

CSS3图片3D爆炸效果

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 60.8%
  • JavaScript 33.4%
  • CSS 5.8%