diff --git a/css/style.css b/css/style.css index f89b5a5..1e48941 100644 --- a/css/style.css +++ b/css/style.css @@ -72,6 +72,23 @@ div.grid-item { margin-bottom: 20px; margin-top: 10px; } +.overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + opacity: 0; + transition: .5s ease; + background-color: #ffffff; +} + +.grid-item:hover .overlay { + opacity: 0.3; +} + .language-name:hover{ border-bottom: 3px solid #1b6568; diff --git a/index.html b/index.html index f5dad46..8bbba73 100644 --- a/index.html +++ b/index.html @@ -21,18 +21,30 @@

The Algorithms

Explore Algorithms Implementation in the following Programming Languages

-
C-Plus-Plus Logo
C++
-
C Logo
C
-
Python Logo
Python
-
Java Logo
Java
-
Scala Logo
Scala
-
C-Sharp Logo
C#
-
Rust Logo
Rust
-
JavaScript Logo
JavaScript
-
Go Logo
Go
-
R Logo
R
-
Ruby Logo
Ruby
-
MATLAB/Octave Logo
MATLAB/
Octave
+
C-Plus-Plus Logo
+

C++
+
C Logo
+

C
+
Python Logo
+

Python
+
Java Logo
+

Java
+
Scala Logo
+

Scala
+
C-Sharp Logo
+

C#
+
Rust Logo
+

Rust
+
JavaScript Logo
+

JavaScript
+
Go Logo
+

Go
+
R Logo
+

R
+
Ruby Logo
+

Ruby
+
MATLAB/Octave Logo
+

MATLAB/
Octave