Neff

Developer

Kescoe

Size

3,038 Kb

Views

18,216

Neff Previews
Neff HTML Codes
Neff CSS Codes
Neff JS Codes

How do I make an neff?

What is a neff? How do you make a neff? This script and codes were developed by Kescoe on 22 October 2022, Saturday.

Neff Previews

Neff - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>neff</title> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ .neff{
margin-left:10px;
margin-top:30px;
}
#head{
border:solid black 15px;
height:300px;
width:300px;
/*border-radius*/
-webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px;
position:absolute;
}
#eye1{
height:65px;
width:65px;
background-color:black;
/*border-radius*/
-webkit-border-radius:70px; -moz-border-radius:70px; border-radius:70px;
position:absolute;
margin-left:50px;
margin-top:135px;
}
#eye2{
height:65px;
width:65px;
background-color:black;
/*border-radius*/
-webkit-border-radius:70px; -moz-border-radius:70px; border-radius:70px;
position:absolute;
margin-left:160px;
margin-top:74px;
}
#mouth{
background-color:black;
height:60px;
width:200px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:190px;
margin-left:90px;
}
#mouth2{
background-color:red;
height:65px;
width:200px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:175px;
margin-left:85px;
}
#tounge{
background-color:purple;
height:40px;
width:70px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-210deg); -moz-transform:rotate(-210deg); -ms-transform:rotate(-210deg); -o-transform:rotate(-210deg); transform:rotate(-210deg);
margin-top:217px;
margin-left:127px;
}
#nose1{
background-color:black;
height:30px;
width:70px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:175px;
margin-left:140px;
}
#nose2{
background-color:red;
height:30px;
width:60px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:170px;
margin-left:142px;
}
#hair1{
width:0;
height:0;
border-right:40px solid transparent;
border-top:40px solid black;
border-left:40px solid black;
border-bottom:40px solid transparent;
/*transform*/
-webkit-transform:rotate(55deg); -moz-transform:rotate(55deg); -ms-transform:rotate(55deg); -o-transform:rotate(55deg); transform:rotate(55deg);
position:absolute;
margin-left:50px;
margin-top:42px;
}
#hair2{
width:0;
height:0;
border-right:40px solid transparent;
border-top:40px solid black;
border-left:40px solid black;
border-bottom:40px solid transparent;
/*transform*/
-webkit-transform:rotate(64deg); -moz-transform:rotate(64deg); -ms-transform:rotate(64deg); -o-transform:rotate(64deg); transform:rotate(64deg);
position:absolute;
margin-left:100px;
margin-top:13px;
}
#hair3{
width:0;
height:0;
border-right:30px solid transparent;
border-top:30px solid black;
border-left:30px solid black;
border-bottom:30px solid transparent;
/*transform*/
-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -o-transform:rotate(50deg); transform:rotate(50deg);
position:absolute;
margin-left:30px;
margin-top:70px;
}
#backg{ width:600px; height:350px; background-color:red; position:absolute; margin-left:10px; margin-top:6px;
}
h1{font-size:100px;
position:absolute;
font-family:verdana;
margin-left:310px;
margin-top:200px;} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div id = "backg"></div>
<div class = "neff"> <div id = "head"></div> <div id = "2eyes"> <div id = "eye1"></div> <div id = "eye2"></div> </div> <div id = "mouth"></div> <div id = "mouth2"></div> <div id = "tounge"></div> <div id = "nose1"></div> <div id = "nose2"></div> <div id = "hair1"></div> <div id = "hair2"></div> <div id = "hair3"></div>
</div>
<h1>NEFF<h1> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Neff - Script Codes CSS Codes

.neff{
margin-left:10px;
margin-top:30px;
}
#head{
border:solid black 15px;
height:300px;
width:300px;
/*border-radius*/
-webkit-border-radius:200px; -moz-border-radius:200px; border-radius:200px;
position:absolute;
}
#eye1{
height:65px;
width:65px;
background-color:black;
/*border-radius*/
-webkit-border-radius:70px; -moz-border-radius:70px; border-radius:70px;
position:absolute;
margin-left:50px;
margin-top:135px;
}
#eye2{
height:65px;
width:65px;
background-color:black;
/*border-radius*/
-webkit-border-radius:70px; -moz-border-radius:70px; border-radius:70px;
position:absolute;
margin-left:160px;
margin-top:74px;
}
#mouth{
background-color:black;
height:60px;
width:200px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:190px;
margin-left:90px;
}
#mouth2{
background-color:red;
height:65px;
width:200px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:175px;
margin-left:85px;
}
#tounge{
background-color:purple;
height:40px;
width:70px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-210deg); -moz-transform:rotate(-210deg); -ms-transform:rotate(-210deg); -o-transform:rotate(-210deg); transform:rotate(-210deg);
margin-top:217px;
margin-left:127px;
}
#nose1{
background-color:black;
height:30px;
width:70px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:175px;
margin-left:140px;
}
#nose2{
background-color:red;
height:30px;
width:60px;
/*border-radius*/
-webkit-border-radius:0 0 90px 90px; -moz-border-radius:0 0 90px 90px; border-radius:0 0 90px 90px;
position:absolute;
/*transform*/
-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg);
margin-top:170px;
margin-left:142px;
}
#hair1{
width:0;
height:0;
border-right:40px solid transparent;
border-top:40px solid black;
border-left:40px solid black;
border-bottom:40px solid transparent;
/*transform*/
-webkit-transform:rotate(55deg); -moz-transform:rotate(55deg); -ms-transform:rotate(55deg); -o-transform:rotate(55deg); transform:rotate(55deg);
position:absolute;
margin-left:50px;
margin-top:42px;
}
#hair2{
width:0;
height:0;
border-right:40px solid transparent;
border-top:40px solid black;
border-left:40px solid black;
border-bottom:40px solid transparent;
/*transform*/
-webkit-transform:rotate(64deg); -moz-transform:rotate(64deg); -ms-transform:rotate(64deg); -o-transform:rotate(64deg); transform:rotate(64deg);
position:absolute;
margin-left:100px;
margin-top:13px;
}
#hair3{
width:0;
height:0;
border-right:30px solid transparent;
border-top:30px solid black;
border-left:30px solid black;
border-bottom:30px solid transparent;
/*transform*/
-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -o-transform:rotate(50deg); transform:rotate(50deg);
position:absolute;
margin-left:30px;
margin-top:70px;
}
#backg{ width:600px; height:350px; background-color:red; position:absolute; margin-left:10px; margin-top:6px;
}
h1{font-size:100px;
position:absolute;
font-family:verdana;
margin-left:310px;
margin-top:200px;}

Neff - Script Codes JS Codes

$(document).ready(function(){ $(".neff").mouseenter(function(){ $(".neff").effect("shake",{times:8}); $("h1").css("color", "white"); });
});

Home Page	Home
Developer	Kescoe
Username	kescoe
Uploaded	October 22, 2022
Rating	3
Size	3,038 Kb
Views	18,216

Do you need developer help for Neff?

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!

Kescoe (kescoe) Script Codes

Name	Size
Color chart	2,248 Kb
Div buttons	1,978 Kb
Funny animals	3,076 Kb
Mr.Build A Face	2,672 Kb
Glitchy Text Effect	2,208 Kb
CSS gameboy	4,131 Kb
Hiding nav	3,207 Kb
Accordian nav	2,168 Kb
IceCream Truck	4,306 Kb
Animated menu	2,143 Kb

Create amazing Facebook ads 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!

Similar Scripts & Codes

Name	Username	Size
Zip Button test	Lje7462	1,932 Kb
Infractions - Attitude	Kylie_Joseph	7,672 Kb
Freecodecamp - Tribute Page	Samoht513	3,583 Kb
A Pen by Rob Levin	Roblevin	2,787 Kb
Image grid with captions	Mchernin34	2,222 Kb
Awesome	Samarthpd	2,901 Kb
Blog Concept - Single Post	Marionebl	9,603 Kb
SVG Animation	Thepheer	4,793 Kb
Pattern lab logo	TimPietrusky	3,666 Kb
Responsive Section hover effect to show content	Berdejitendra	2,540 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!