A Pen by Julien Dargelos

Developer
Julien Dargelos
Size
2,139 Kb
Views
14,168
  1. A Pen by Julien Dargelos Previews
  2. A Pen by Julien Dargelos HTML Codes
  3. A Pen by Julien Dargelos CSS Codes
  4. A Pen by Julien Dargelos JS Codes

How do I make an a pen by julien dargelos?

What is a a pen by julien dargelos? How do you make a a pen by julien dargelos? This script and codes were developed by Julien Dargelos on 09 December 2022, Friday.

A Pen by Julien Dargelos Previews
IQ Test

A Pen by Julien Dargelos - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Julien Dargelos</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <main> <div> <section> Hey 1 </section> <section> Hey 2 </section> <section> Hey 3 </section </div>
</main> <script src="js/index.js"></script>
</body>
</html>

A Pen by Julien Dargelos - Script Codes CSS Codes

main { background: yellow; width: 500px; height: 250px; overflow: hidden;
}
div { height: 100%; font-size: 0; white-space: nowrap; transition: 0.3s;
}
section { width: 100%; height: 100%; display: inline-block; font-size: 14px;
}
section:nth-of-type(1) { background-color: red;
}
section:nth-of-type(2) { background-color: green;
}
section:nth-of-type(3) { background-color: blue;
}

A Pen by Julien Dargelos - Script Codes JS Codes

var n = 0;
window.addEventListener('click', function() { n++; document.querySelector('div').style.transform = 'translateX('+(-n*100)+'%)';
});
A Pen by Julien Dargelos - Script Codes
A Pen by Julien Dargelos - Script Codes
Home Page Home
Developer Julien Dargelos
Username juliendargelos
Uploaded December 09, 2022
Rating 3
Size 2,139 Kb
Views 14,168
Do you need developer help for A Pen by Julien Dargelos?

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!

Julien Dargelos (juliendargelos) Script Codes
Name
Grapher
Scroll snap points carousel
InfoGrid
SmartPass
Watch
Calculator
Js-ScrollBar
Vusic
Tags Input
Psychedelic Animation
Create amazing captions 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!