OnScreenAction
How do I make an onscreenaction?
What is a onscreenaction? How do you make a onscreenaction? This script and codes were developed by Özgür Sağıroğlu on 13 August 2022, Saturday.
OnScreenAction - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>onScreenAction</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.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! */ div { width: 100%; height: 500px; margin-bottom: 15px; background-color: #f1f1f1; color: #000000; font-size: 30px; line-height: 150px; text-align: center; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s;
}
.githublink { position: fixed; top: 0; left: 0; width: 100%; color: #252525; display: block; padding: 10px 0; text-align: center; background-color: rgba(234, 234, 234, 0.5);
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<a class="githublink" href="https://github.com/ozgursagiroglu/onscreenaction">Github: https://github.com/ozgursagiroglu/onscreenaction</a> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ozgursagiroglu.com/onscreenaction/onscreenaction.js'></script> <script src="js/index.js"></script>
</body>
</html>
OnScreenAction - Script Codes CSS Codes
div { width: 100%; height: 500px; margin-bottom: 15px; background-color: #f1f1f1; color: #000000; font-size: 30px; line-height: 150px; text-align: center; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s;
}
.githublink { position: fixed; top: 0; left: 0; width: 100%; color: #252525; display: block; padding: 10px 0; text-align: center; background-color: rgba(234, 234, 234, 0.5);
}
OnScreenAction - Script Codes JS Codes
$(function(){ $('div').html('invisible!').onScreenAction(function(){ $(this).css({ backgroundColor: '#36c', color:'white' }).html('visible!'); });
});
Developer | Özgür Sağıroğlu |
Username | ozgursagiroglu |
Uploaded | August 13, 2022 |
Rating | 3 |
Size | 2,647 Kb |
Views | 22,264 |
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 |
Scroll Blocker | 4,517 Kb |
Profile Card | 6,749 Kb |
Js scroll after before action | 2,907 Kb |
Css3 box border animation | 3,619 Kb |
Fit font size | 3,404 Kb |
CSS3 Hourglass | 5,732 Kb |
Next Effect | 6,388 Kb |
Pure CSS Disable Item on Hover | 3,162 Kb |
FitScroll | 3,816 Kb |
CSS3 Station Message | 5,911 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 |
Obligatory CSS3 UI Nav | Romandiaz | 9,017 Kb |
Tooltip in table | Roine | 3,713 Kb |
Wikipedia Viewer | Codinger | 4,681 Kb |
This in constructor context | _shree33 | 1,718 Kb |
Box-sizing | Elad2412 | 1,572 Kb |
Pattern lab logo | TimPietrusky | 3,666 Kb |
React TODO | Enieste | 3,320 Kb |
BenU Maintenance Site | Ksherman | 4,893 Kb |
Pruebas de d3.js | Juanmanuelcarnerero | 2,485 Kb |
Mondrian | Chrisarmstrong | 2,787 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!