CSS - Button Styling

CSS Button Styling Code

title: Contents 
style: nestedList # TOC style (nestedList|inlineFirstLevel)
minLevel: 1 # Include headings from the specified level
maxLevel: 4 # Include headings up to the specified level
includeLinks: true # Make headings clickable
debugInConsole: false # Print debug info in Obsidian console

Overview

Sources:

• https://cssnippets.shefali.dev/

Code Snippet

.button1{
    width: 160px;
    height: 60px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    outline: none;
    border: none;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 10px;
    background-color: #0c0c0c;
    box-shadow: inset 2px 2px 2px 0px rgba(49, 49, 49, 0.5),
      7px 7px 20px 0px rgba(20, 20, 20, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.button1:hover {
    background-color: #2b2bff;
    top: 2px;
}

Details

About

This note is about …

See Also

• CSS Code
• Cascading Style Sheets (CSS)
• Hyper Text Markup Language (HTML)
• JavaScript Map of Content

---

Appendix

Note created on 2024-04-12 and last modified on 2024-04-12.

Backlinks

LIST FROM [[CSS - Button Styling]] AND -"CHANGELOG" AND -"04-RESOURCES/Code/CSS/CSS - Button Styling"

---

(c) No Clocks, LLC | 2024