diff --git a/Art/1AA-Prajakta/trans1.css b/Art/1AA-Prajakta/trans1.css index b59300fbf..ab2078214 100644 --- a/Art/1AA-Prajakta/trans1.css +++ b/Art/1AA-Prajakta/trans1.css @@ -1,23 +1,20 @@ -.circle{ - width: 300px; - height: 300px; - background-color: magenta; - transition: background-color 1s 1s; - +.circle { + width: 300px; + height: 300px; + background-color: magenta; + transition: background-color 1s 1s; } -.circle:hover{ - background-color: cyan; - border-radius: 50%; - +.circle:hover { + background-color: cyan; + border-radius: 50%; } -section div{ - width: 100px; - height: 100px; - background-color: turquoise; - margin: 20px 0; - transition: margin-left 3s; - +section div { + width: 100px; + height: 100px; + background-color: turquoise; + margin: 20px 0; + transition: margin-left 3s; +} +section:hover div { + margin-left: 500px; } -section:hover div{ - margin-left: 500px; -} \ No newline at end of file diff --git a/Art/1AA-Prajakta/trans1.html b/Art/1AA-Prajakta/trans1.html index 33b455d2a..b5bab1e7e 100644 --- a/Art/1AA-Prajakta/trans1.html +++ b/Art/1AA-Prajakta/trans1.html @@ -1,22 +1,20 @@ - - - - + + + + TRANSITION - - - + + +

transition

-
- -
+
-
-
-
-
+
+
+
+
- - \ No newline at end of file + +