handsome-css3-lib
handsome-css3-lib copied to clipboard
ZiYi0414
Amazingly handsome Open-Source UI components made with HTML and CSS. Collection of very handsome CSS animations and special effects on the Internet（在网上收集各种帅气的CSS3特效和动画，按钮标题等各种...
--- title: young-eagle-60 made_by: gksckt theme: dark --- ```css button { background-color: #444141; border-radius: 4px; color: #fff; cursor: pointer; padding: 15px 30px; font-size: 18px; font-weight: bold; letter-spacing: 1px; border: none;...
--- title: witty-bullfrog-54 made_by: kennyotsu --- ```css /* overengeneered pure css action button */ /* UIVERSE CSS Challenge entry */ /* by kennyotsu
--- title: weak-swan-50 made_by: mrhyddenn theme: dark --- ```css button { text-transform: uppercase; letter-spacing: 0.1em; padding: 10px 30px; transition: 0.5s; position: relative; font-size: 17px; background: #333; border: none; color: #fff;...
--- title: warm-zebra-80 made_by: Mike11jr --- ```css .btn { padding: 1.1em 2em; background: none; border: 2px solid #fff; font-size: 15px; color: #131313; cursor: pointer; position: relative; overflow: hidden; transition: all...
--- title: tricky-baboon-12 made_by: mrhyddenn theme: dark --- ```css .button { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; background: none; color: #0f1923; cursor: pointer; position: relative; padding: 8px; margin-bottom:...
--- title: tiny-chipmunk-51 made_by: Nawsome --- ```css /*bg*/ /*txt*/ /*success*/ .buttons { display: flex; justify-content: space-around; top: 20px; left: 20px; } .buttons button { width: 150px; height: 50px; background-color: white;...
--- title: swift-bullfrog-99 made_by: ercnersoy --- ```css button { padding: 0.5rem 2.5rem 0.5rem 2.5rem; box-shadow: 0px 0px 0px 3px black; border: 0; border-radius: 0.5rem; font-size: 1rem; background-color: #ffc83d; color: black;...
--- title: stale-cheetah-42 made_by: mrhyddenn theme: dark --- ```css button { position: relative; padding: 10px 20px; border-radius: 7px; border: 1px solid rgb(61, 106, 255); font-size: 14px; text-transform: uppercase; font-weight: 600;...
--- title: silent-kangaroo-88 made_by: mobinkakei --- ```css button { position: relative; margin: 0; padding: 17px 35px; outline: none; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;...
--- title: silent-ape-24 made_by: Web-Potato theme: dark --- ```css button { padding: 0.1em 0.25em; width: 13em; height: 4.2em; background-color: #212121; border: 0.08em solid #fff; border-radius: 0.3em; font-size: 12px; } button...