diff --git a/design_button/vishal.css b/design_button/vishal.css new file mode 100644 index 0000000..f831e8e --- /dev/null +++ b/design_button/vishal.css @@ -0,0 +1,49 @@ +.h{ + background: #efefef; + height:85px; + padding-top:0.9em; + margin-top: -2em; + margin-bottom: -1.5em; + width:285px; + margin-left: -1.85em; + justify-content: center; + align-items: center; +} + +.btn80 { + padding: 1em 1em; + background: #efefef; + border: none; + border-radius: .5rem; + color: #444; + font-size: 1rem; + font-weight: 700; + letter-spacing: .2rem; + text-align: center; + outline: none; + cursor: pointer; + transition: .2s ease-in-out; + box-shadow: -6px -6px 14px rgba(255, 255, 255, .7), + -6px -6px 10px rgba(255, 255, 255, .5), + 6px 6px 8px rgba(255, 255, 255, .075), + 6px 6px 10px rgba(0, 0, 0, .15); + } + .btn80:hover { + box-shadow: -2px -2px 6px rgba(255, 255, 255, .6), + -2px -2px 4px rgba(255, 255, 255, .4), + 2px 2px 2px rgba(255, 255, 255, .05), + 2px 2px 4px rgba(0, 0, 0, .1); + } + .btn80:active { + box-shadow: inset -2px -2px 6px rgba(255, 255, 255, .7), + inset -2px -2px 4px rgba(255, 255, 255, .5), + inset 2px 2px 2px rgba(255, 255, 255, .075), + inset 2px 2px 4px rgba(0, 0, 0, .15); + } + @media (max-width: 600px){ + .h{ + width:500px; + margin-right: -1em; + + } + } \ No newline at end of file diff --git a/index.html b/index.html index 9496a5e..1a01637 100644 --- a/index.html +++ b/index.html @@ -118,6 +118,9 @@ + + + @@ -1330,13 +1333,33 @@

Social Media Share hover

+ - +
+
+
+ +
+
+
+ Designed By Vishal Malyan +
+
+ + + + + + +
+
+
+
- +
@@ -1357,7 +1380,7 @@

Social Media Share hover

- +
@@ -1377,7 +1400,7 @@

Social Media Share hover

- +
@@ -1393,24 +1416,24 @@

Social Media Share hover

- +
  • - Instagram - + Instagram +
    • -
+
@@ -1430,7 +1453,7 @@

Social Media Share hover

- +
@@ -1450,29 +1473,30 @@

Social Media Share hover

- - + + + +
+ Designed by Sanglap Halder +
+ + -
- Designed by Sanglap Halder - + + + +
+
- +