diff --git a/buttons/buttons.css b/buttons/buttons.css index 89177da..359c106 100644 --- a/buttons/buttons.css +++ b/buttons/buttons.css @@ -2249,3 +2249,73 @@ a:focus-visible { } /* Deepesh Sharma's button 1 ends*/ +/* kkartik07's 2nd btn start */ +.kkartik07-btn-2 { + height: 5em; + width: 12em; + border-top: 3px solid rgb(209, 203, 203); + border-right: 3px solid #CCC; + border-left: 4px solid #777; + border-bottom: 4px solid #777; + border-radius: 1em; + margin: 3em; + background-color: #999; + box-shadow: -.1em .1em 0 #000, + -.2em .2em 0 #000, + -.3em .3em 0 #000, + -.4em .4em 0 #333, + -.5em .5em 0 #333, + -.6em .6em 0 #333, + -.7em .7em 0 #333, + -.9em .9em 0 #333, + -1em 1em 0 #333, + -1.1em 1.1em 0 #333, + -1.2em 1.2em 0 #333; + transition: box-shadow 0.4s, + border-top 0.2s, + border-right 0.2s; +} + +.kkartik07-btn-2:hover, .kkartik07-btn-2:focus { + border-top: 3px solid rgba(119, 119, 119, 0.699); + border-right: 3px solid rgba(119, 119, 119, 0.699); + box-shadow: .1em -.1em 0 rgba(51, 51, 51, 0.681), + .2em -.2em 0 rgba(51, 51, 51, 0.712), + -.1em .1em 0 rgba(51, 51, 51, 0.716), + -.2em .2em 0 rgba(51, 51, 51, 0.655), + -.3em .3em 0 rgba(51, 51, 51, 0.67), + inset -.1em -.1em 2em #FFF, + -.1em -.1em 2em #777; +} + +.button-inside { + width: 11em; + height: 3.2em; + margin: .4em auto; + border-radius: .9em; + background-color: rgba(204, 204, 204, 0.721); + background-image: linear-gradient(135deg, rgba(204, 204, 204, 0.736), rgb(153, 144, 144)); + box-shadow: inset -.15em .15em 0 rgb(124, 122, 122), + inset .1em -.1em 0 rgb(204, 204, 204); +} + +.btn-text{ + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 3em; + color: #e7e5e5; + text-align: center; + margin: auto; + text-shadow: -.01em .01em 0 #777, + -.02em .02em 0 #777, + -.03em .03em 0 #777, + -.04em .04em 0 #777, + -.05em .05em 0 #777, + -.06em .06em 0 #999, + -.07em .07em 0 #999, + -.08em .08em 0 #999, + -.09em .09em 0 #999, + -.1em .1em 0 #999, + -.1em .1em 0 #999; +} + +/* kkartik07's 2nd btn end */ \ No newline at end of file diff --git a/index.html b/index.html index 338c5dd..2c9cfca 100644 --- a/index.html +++ b/index.html @@ -575,6 +575,20 @@ + +
+
+
+
HOVER
+
+
+
+ Created by + kkartik07 +
+
+ +