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: average-chipmunk-44 made_by: barisdogansutcu --- ```css button { border: none; position: relative; width: 200px; height: 73px; padding: 0; z-index: 2; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath...
--- title: afraid-lizard-67 made_by: menezes11 theme: dark --- ```css button { position: relative; padding: 1em 1.8em; outline: none; border: 1px solid #303030; background: #212121; color: #ae00ff; text-transform: uppercase; letter-spacing: 2px;...
--- title: big-moose-69 made_by: barisdogansutcu --- ```css button { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 10px; color: white; text-shadow: 2px 2px rgb(116, 116, 116); text-transform: uppercase;...
--- title: afraid-dingo-99 made_by: ferlagher theme: dark --- ```css button { position: relative; font-size: 1.2em; padding: 0.7em 1.4em; background-color: #bf0426; text-decoration: none; border: none; border-radius: 0.5em; color: #dedede; box-shadow: 0.5em...
--- title: a-cyber made_by: stevenlei theme: light --- ```css button, button::after { width: 190px; height: 56px; font-size: 16px; font-family: 'Bebas Neue', cursive; background: linear-gradient(45deg, transparent 5%, #FF013C 5%); border: 0;...
--- title: Electric-button-lol made_by: binadiegha theme: dark --- ```css .buttonHolder { display: flex; justify-content: center; align-items: center; position: relative; transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); } svg { position:...
--- title: friend-blog-link made_by: Luyiin --- ```css .friend__box { display: inline-flex; width: auto; max-height: 3rem; min-width: 150px; padding-right: 20px; border: 1px solid transparent; border-radius: 5px; background: white; box-shadow: 1px 1px...
--- title: funny-dog-69 made_by: cssbuttons-io theme: dark --- ```css button { --glow-color: rgb(217, 176, 255); --glow-spread-color: rgba(191, 123, 255, 0.781); --enhanced-glow-color: rgb(231, 206, 255); --btn-color: rgb(100, 61, 136); border: 0.25em...
--- title: giant-donkey-36 made_by: adamgiebl --- ```css button { background: #fbca1f; font-family: inherit; padding: 0.6em 1.3em; font-weight: 900; font-size: 18px; border: 3px solid black; border-radius: 0.4em; box-shadow: 0.1em 0.1em; }...
--- title: kizin made_by: kizin theme: dark --- ```css button { text-decoration: none; position: relative; border: none; font-size: 14px; font-family: inherit; color: #fff; width: 9em; height: 3em; line-height: 2em; text-align:...