diff --git a/HTML+CSS+JS/Image-Gallery/Random Online Image/Random_img.html b/HTML+CSS+JS/Image-Gallery/Random Online Image/Random_img.html new file mode 100644 index 0000000..1a0e0b6 --- /dev/null +++ b/HTML+CSS+JS/Image-Gallery/Random Online Image/Random_img.html @@ -0,0 +1,15 @@ + + + + + Randome BG + + + + +
+
+
+ + + \ No newline at end of file diff --git a/HTML+CSS+JS/Image-Gallery/Random Online Image/readme.md b/HTML+CSS+JS/Image-Gallery/Random Online Image/readme.md new file mode 100644 index 0000000..2399456 --- /dev/null +++ b/HTML+CSS+JS/Image-Gallery/Random Online Image/readme.md @@ -0,0 +1,8 @@ +# Gradient BG +An Animated Background created using pure CSS and HTML. + +## Demo +... + +## Setup +Just download and open Random_img.html! \ No newline at end of file diff --git a/HTML+CSS+JS/Image-Gallery/Random Online Image/style.css b/HTML+CSS+JS/Image-Gallery/Random Online Image/style.css new file mode 100644 index 0000000..6434c12 --- /dev/null +++ b/HTML+CSS+JS/Image-Gallery/Random Online Image/style.css @@ -0,0 +1,10 @@ +.Img{ +background-image: url('https://source.unsplash.com/1600x900/?landscape%27');/* Can change landscape and the pixels u wanna select */ +background-size: cover; +background-position: top; +background-repeat: no-repeat; +vertical-align: middle; +min-height: 100vh; +position: relative; +} +