diff --git a/button-ripple-effect/style.css b/button-ripple-effect/style.css index c342ff7..0d0e9c8 100644 --- a/button-ripple-effect/style.css +++ b/button-ripple-effect/style.css @@ -17,9 +17,9 @@ body { } button { - background-color: purple; + background-color:blue; color: #fff; - border: 1px purple solid; + border: 1px blue solid; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; diff --git a/content-placeholder/style.css b/content-placeholder/style.css index ab5bdd6..da284ee 100644 --- a/content-placeholder/style.css +++ b/content-placeholder/style.css @@ -24,6 +24,7 @@ img { border-radius: 10px; overflow: hidden; width: 350px; + transition: transform 0.5s; } .card-header { @@ -94,6 +95,9 @@ img { height: 10px; width: 100%; } +.card:hover{ + transform: translateY(-10px); +} @keyframes bgPos { 0% {