06-03-2019, 12:52 PM
06-03-2019, 04:02 PM
Nice for a slideshow.
06-06-2019, 12:51 AM
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?
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
06-06-2019, 12:58 PM
(06-06-2019 12:51 AM)jawjahboy Wrote: [ -> ]That's a lot of code. Here is a zip file with all the original components:My great granddaughter
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
[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
06-06-2019, 04:38 PM
(06-03-2019 04:02 PM)Linda Wrote: [ -> ]Nice for a slideshow.
http://d21c.com/leprofesseur/lila.html
06-09-2019, 08:48 PM
(06-06-2019 04:38 PM)The Professor Wrote: [ -> ](06-03-2019 04:02 PM)Linda Wrote: [ -> ]Nice for a slideshow.
http://d21c.com/leprofesseur/lila.html
Wow, that is very different. Nice pics, cute.
06-10-2019, 11:35 AM
Prof - do we need to add that /* Safari */ to make it work for mac computers? If this is omitted, then this code is only for Windows?
06-10-2019, 03:00 PM
(06-10-2019 11:35 AM)tonebytone Wrote: [ -> ]Prof - do we need to add that /* Safari */ to make it work for mac computers? If this is omitted, then this code is only for Windows?
Without code code works for I.E. and Chrome. Mac Books need the Webkit added. "hover' attribute was used to create transition and transform effects which is not recognized by ipads or Iphones