A Pen by Andy Lorimer

Developer
Andy Lorimer
Size
2,192 Kb
Views
38,456
  1. A Pen by Andy Lorimer Previews
  2. A Pen by Andy Lorimer HTML Codes
  3. A Pen by Andy Lorimer CSS Codes
  4. A Pen by Andy Lorimer JS Codes

How do I make an a pen by andy lorimer?

What is a a pen by andy lorimer? How do you make a a pen by andy lorimer? This script and codes were developed by Andy Lorimer on 22 July 2022, Friday.

A Pen by Andy Lorimer Previews
IQ Test

A Pen by Andy Lorimer - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Andy Lorimer</title> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="wrapper"> <h2>Codepen is</h2> <div class="random"><div class="line"></div> <span>r</span> <span>a</span> <span>d</span> </div>
</div> <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>

A Pen by Andy Lorimer - Script Codes CSS Codes

@import url('http://fonts.googleapis.com/css?family=Lato:300');
body { margin: 0; padding: 0;
}
#wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
h2 { display: inline-block; font-family: 'Lato'; font-size: 35px; text-transform: uppercase; letter-spacing: 2px;
}
.random { display: inline-block; position: relative; color: grey; left: 0; font-family: 'Lato'; font-size: 35px; text-transform: uppercase; margin-left: 5px;
}
span { display: none;
}
.line { position: absolute; right: 0; height: 100%; width: 3px; background: black;
}

A Pen by Andy Lorimer - Script Codes JS Codes

$(function() { var random = $('.random'); var line = $('.line'); function type() { $('span').each(function(index) { $(this).delay(500 * index).fadeIn(0); }); $(random).delay(8000).animate({ backgroundColor: 'black' }, 0); }
var typeThings = setInterval(function() { type();
}, 1000); function blink() { $(line).animate({ opacity: '0' }, 100); $(line).delay(1500).animate({ opacity: '1' }, 100); } setInterval(blink, 2000);
});
A Pen by Andy Lorimer - Script Codes
A Pen by Andy Lorimer - Script Codes
Home Page Home
Developer Andy Lorimer
Username andylorimer
Uploaded July 22, 2022
Rating 3
Size 2,192 Kb
Views 38,456
Do you need developer help for A Pen by Andy Lorimer?

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!

Andy Lorimer (andylorimer) Script Codes
Name
Sign-up Card
Feature Slider
Messing about with CSS3 animations
Scroll down button
Searchbar with Navigation
Input field - jQuery test
Loading Animation
Off-Canvas Menu
Random Spinning loader
Social Icons Transition
Create amazing marketing copy 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!