A Pen by Perthz Weerawat Weera
How do I make an a pen by perthz weerawat weera?
What is a a pen by perthz weerawat weera? How do you make a a pen by perthz weerawat weera? This script and codes were developed by Perthz Weerawat Weera on 31 January 2023, Tuesday.
A Pen by Perthz Weerawat Weera - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Perthz Weerawat Weera</title> <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! */ body,
html { height: 100%;
}
.parallax {
/* The image used */ background-image: url("http://tcdc.groov.asia/method/assets/double-diamond.svg");
/* Full height */ height: 100%;
/* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="parallax"></div>
<div style="height:1000px;background-color:red;font-size:36px">
Scroll Up and Down this page to see the parallax scrolling effect.
This div is just here to enable scrolling.
Tip: Try to remove the background-attachment property to remove the scrolling effect.
</div>
</body>
</html>
A Pen by Perthz Weerawat Weera - Script Codes CSS Codes
body,
html { height: 100%;
}
.parallax {
/* The image used */ background-image: url("http://tcdc.groov.asia/method/assets/double-diamond.svg");
/* Full height */ height: 100%;
/* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
}
Developer | Perthz Weerawat Weera |
Username | Perthz |
Uploaded | January 31, 2023 |
Rating | 3 |
Size | 2,571 Kb |
Views | 4,048 |
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!
Name | Size |
Loading Pixels | 3,371 Kb |
CSS Animated Sandwich Icon | 2,770 Kb |
Gradient Animator | 1,894 Kb |
Music Card 2 | 3,771 Kb |
Square Loader | 0 Kb |
Box Shadow | 1,667 Kb |
Typed Demo | 2,484 Kb |
Kanit Thai Font | 1,954 Kb |
Recommend Article Module for Intouch Website | 4,142 Kb |
JS For Loop Demo | 1,787 Kb |
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!
Name | Username | Size |
Brown by pure CSS, no image, no javascript | Aaronchuo | 2,652 Kb |
Myprofile | SoufianeAbid | 2,451 Kb |
SVG Basics | HipsterBrown | 1,852 Kb |
Example SVGZ Data URI | Joeyhoer | 2,981 Kb |
Ball physics | Blackkbot | 3,874 Kb |
A Pen by Huan Nghiem | Nightshade | 10,646 Kb |
Chuck Norris Background | Manz | 1,967 Kb |
Right Click Menu | Anodpixels | 2,252 Kb |
Spilled Paint | Darrylhuffman | 3,894 Kb |
A Pen by Dalton Liu | Liudalton | 12,437 Kb |
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!