Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Random online image #50

Open
wants to merge 12 commits into
base: main
Choose a base branch
from
Open

Random online image #50

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
4a01411
Adding Gradient background
BlazeRahim Mar 18, 2022
fbb7aa2
Gradient Background
BlazeRahim Mar 18, 2022
46dfe92
Gradient Background
BlazeRahim Mar 18, 2022
1c744eb
Delete Gradient.html
BlazeRahim Mar 18, 2022
488cff3
Delete style.css
BlazeRahim Mar 18, 2022
a4de0af
Delete Gradient_bg.html
BlazeRahim Mar 18, 2022
afb98ea
Random Image
BlazeRahim Mar 18, 2022
324ea1d
Random Image
BlazeRahim Mar 18, 2022
9f18d2b
Merge branch 'main' of https://github.com/Blaze-rahim/Embellish
BlazeRahim Mar 18, 2022
269bb17
Delete readme.md
BlazeRahim Mar 18, 2022
acbdf89
Delete readme.md
BlazeRahim Mar 18, 2022
1c4df60
Delete style.css
BlazeRahim Mar 18, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions HTML+CSS+JS/Image-Gallery/Random Online Image/Random_img.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Randome BG</title>
<link rel="stylesheet" href="style.css">

</head>
<body>
<section class="Img" id="home">
<div class="bg-overlay"></div>
</section>

</body>
</html>
8 changes: 8 additions & 0 deletions HTML+CSS+JS/Image-Gallery/Random Online Image/readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
# Gradient BG
An Animated Background created using pure CSS and HTML.

## Demo
...

## Setup
Just download and open Random_img.html!
10 changes: 10 additions & 0 deletions HTML+CSS+JS/Image-Gallery/Random Online Image/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}