Tie

Developer
Taha
Size
2,453 Kb
Views
78,936
  1. Tie Previews
  2. Tie HTML Codes
  3. Tie CSS Codes
  4. Tie JS Codes

How do I make an tie?

What is a tie? How do you make a tie? This script and codes were developed by Taha on 28 August 2022, Sunday.

Tie Previews
IQ Test

Tie - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>tie</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <button>change colors</button>
<div class="shirt">	<div class="wrapper">	</div> <div class="lowerLeftTie"> </div> <div class="lowerRightTie"> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Tie - Script Codes CSS Codes

body, html { text-align:center; background:#222; margin:0;
}
* { webkit-box-sizing: border-box; box-sizing: border-box;
}
button { border:none; background:white; padding:1%; letter-spacing:1px; font-size:1.1em; cursor:pointer; background:#167; color:white; margin:2%; border:1px solid #ddd;
}
button:hover { background:rgba(35, 160, 185, 1);
}
.shirt{ width:600px; margin:0 auto; background: white; position:relative;	padding-bottom:15px; border-radius:0 0 20px 20px
}
.wrapper { margin:0 auto; width: 230px; height:500px; border-radius:; overflow:hidden;
}
.outer { width:10px; height:10px; display:inline-block; float:left;
}
.arrow {	width: 0;	height: 0;	border-left: 5px solid transparent;	border-right: 5px solid transparent;
}
.lowerLeftTie { position:absolute; bottom:0; left:135px; width: 100px; height: 0; border-style: solid; border-width: 200px 0 0 185px; border-color: transparent transparent transparent #fff;
}
.lowerRightTie { position:absolute; bottom:0; right:135px; width: 0; height: 0; border-style: solid; border-width: 0 0 200px 185px; border-color: transparent	transparent #fff transparent;
}

Tie - Script Codes JS Codes

drawCubes();
colorCubes();
$("button").click(function(){ colorCubes();
})
function drawCubes() { var n = 0; while (n<1120){ $('.wrapper').append('<div class="outer backdrop"><div class="arrowUp arrow"></div><div class="arrowDown arrow"></div></div>'); n++; }
}
function colorCubes() { var numb = [1,2,3,4,5,6,7,8,9] var a = String(numb[Math.floor(Math.random()*numb.length)]); var b = String(numb[Math.floor(Math.random()*numb.length)]); var c = String(numb[Math.floor(Math.random()*numb.length)]); var d = String(numb[Math.floor(Math.random()*numb.length)]); var e = String(numb[Math.floor(Math.random()*numb.length)]); var f = String(numb[Math.floor(Math.random()*numb.length)]); var color1 = a + b+ c; var color2 = d + e + f; var color3 = b + d + f; $(".backdrop:nth-child(2n+1)").css("background","#"+color1); $(".backdrop:nth-child(2n)").css("background","#"+color2);
/* $(".backdrop:nth-child(2n+2)").css("background","#"+color3);*/ $(".arrowUp").css({ "border-bottom":"5px solid #"+ color3	}); $(".arrowDown").css({ "border-top":"5px solid #"+ color3	});
}
Tie - Script Codes
Tie - Script Codes
Home Page Home
Developer Taha
Username tkazi
Uploaded August 28, 2022
Rating 3
Size 2,453 Kb
Views 78,936
Do you need developer help for Tie?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Taha (tkazi) Script Codes
Name
A Pen by taha
Hangman gam
Vogel.photo
Topics with pictures
Wordsearch
Youtube_api
Fluid containers
Spotify api
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!