Threaded Mode | Linear Mode

The Professor · (This post was last modified: 06-06-2019 01:07 PM by The Professor.)

(06-06-2019 12:51 AM)jawjahboy Wrote: That's a lot of code. Here is a zip file with all the original components:

http://jawjahboy.com/scripts/PageTransitions.zip

Are there any simpler codes for wipers or fades that work on current browsers?

(06-03-2019 12:52 PM)The Professor Wrote: http://d21c.com/leprofesseur/transitions.html

My great granddaughter

[code]<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background-image: url("http://d21c.com/leprofesseur/lila/lila9.jpg");
-webkit-transition: width 3s; /* Safari */
-webkit-transition-delay: 1s; /* Safari */
transition: width 3s;
transition-delay: 1s;
}

div:hover {
width: 1080px; height: 1080px;
}
</style>
</head>
<body>

<p>Hover over the div element below, to see the transition effect:</p>

<div></div>

</body>
</html>
My HTML Test Bed