A Pen by Eduard Mayer

Developer
Eduard Mayer
Size
2,381 Kb
Views
42,504
  1. A Pen by Eduard Mayer Previews
  2. A Pen by Eduard Mayer HTML Codes
  3. A Pen by Eduard Mayer CSS Codes
  4. A Pen by Eduard Mayer JS Codes

How do I make an a pen by eduard mayer?

What is a a pen by eduard mayer? How do you make a a pen by eduard mayer? This script and codes were developed by Eduard Mayer on 13 July 2022, Wednesday.

A Pen by Eduard Mayer Previews
IQ Test

A Pen by Eduard Mayer - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Eduard Mayer</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Select the last two children if the amount is even, otherwise select the last one </h1>
<div class="teaser-area"> <div class="teaser"><img src="http://placekitten.com/360/200" alt="" /></div> <div class="teaser"><img src="http://placekitten.com/360/200" alt="" /></div> <div class="teaser"><img src="http://placekitten.com/360/200" alt="" /></div>
</div>
<div class="buttons"> <button id="add">Add teaser</button> <button id="remove">Remove teaser</button>
</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>

A Pen by Eduard Mayer - Script Codes CSS Codes

.buttons { position: fixed; bottom: 30px; left: 30px;
}
.teaser-area { width: 730px;
}
.teaser-area:after { content: ''; display: table; clear: both;
}
.teaser { float: left; padding-bottom: 30px; background: green; margin-bottom: 10px;
}
.teaser:nth-child(2n-1) { margin-right: 10px;
}
.teaser:last-child, .teaser:nth-child(odd):nth-last-child(2), .teaser:nth-child(odd):last-child { background: red !important; margin-bottom: 0;
}

A Pen by Eduard Mayer - Script Codes JS Codes

var teaserArea = $('.teaser-area'), teaser = '<div class="teaser"><img src="http://placekitten.com/360/200" alt="" /></div>';
$('#add').on('click', function(){ teaserArea.append(teaser);
});
$('#remove').on('click', function(){ teaserArea.children(':last-child').remove();
})
A Pen by Eduard Mayer - Script Codes
A Pen by Eduard Mayer - Script Codes
Home Page Home
Developer Eduard Mayer
Username codewunder
Uploaded July 13, 2022
Rating 3
Size 2,381 Kb
Views 42,504
Do you need developer help for A Pen by Eduard Mayer?

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!

Eduard Mayer (codewunder) Script Codes
Name
VelocityJS, fade on scroll
Enlarge text with buttons and js, with limited max- and min sizes
Responsive GTA V Slider
Animated Ubuntu Touch-styled checkboxes
Whatsapp PTT Animation
Scrollable see-through headline
Infotype SVG Animation
Social Sharing Buttons
A Pen by Eduard Mayer
Twitter Widget Rebound
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!