ADding media objects pt 2
https://www.w3schools.com/css/css3_transitions.asp
https://www.w3schools.com/css/css3_3dtransforms.asp
https://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1
The transition Property
Hover over the div element below, to see the transition effect:
Note: This example does not work in Internet Explorer 9 and earlier versions.
https://www.w3schools.com/css/tryit.asp?filename=trycss3_transition_transform
Transition + Transform
Hover over the div element below:
Note: This example does not work in Internet Explorer 9 and earlier versions.
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_transform
The transform Property
transform: rotate(20deg):
Hello World!
/////////////////////////
div
{
width:50px;
heigth:40px;
backround:red;
overflow:hidden;
}
img
/////////////////////
Having text that is hidden until mouse over has to be set with width and heigth
//////////////////
a div within a dev:
clicking one hides the other, and moves the clicked one up.
Abs pos, top one is at 1, next at 0, next at -1,
so the top would go over the ....
done by layering with z index
https://www.w3schools.com/css/css3_animations.asp
Keyframe
///Think abt animations
go into transitions and transform and work with the code