p1r0
/
HTML_CSS_FULL_COURSE
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Challenge 3.f done

This commit is contained in:
David E. Perez Negron R. 2024-05-04 20:21:06 -06:00
parent 062a42ac2f
commit c414d057d6
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
buttons_challenge.html
View File

@ -1,6 +1,11 @@
<style> <style>
a { a {
color: rgb(0, 113, 113); color: rgb(0, 113, 113);
transition: color 0.15s;
}
a:hover {
color: rgb(204, 51, 0);
} }
.product { .product {
@ -20,6 +25,15 @@
height: 32px; height: 32px;
width: 105px; width: 105px;
border-radius: 16px; border-radius: 16px;
transition: background-color 0.15s
}
.add-2-cart:hover {
background-color: rgb(245, 206, 10)
}
.add-2-cart:active {
opacity: 0.8
} }
.buy-now { .buy-now {
@ -28,6 +42,15 @@
height: 32px; height: 32px;
width: 105px; width: 105px;
border-radius: 16px; border-radius: 16px;
transition: background-color 0.15s;
}
.buy-now:hover {
background-color: rgb(245, 154, 18);
}
.buy-now:active {
opacity: 0.8;
} }
</style> </style>
<a href="https://amazon.com/"> Back to Amazon </a> <a href="https://amazon.com/"> Back to Amazon </a>