mirror of
https://github.com/lainbo/component-party.git
synced 2026-04-05 13:09:03 +08:00
25 lines
517 B
TypeScript
25 lines
517 B
TypeScript
import { component$, Slot } from '@builder.io/qwik';
|
|
|
|
const FunnyButton = component$(() => {
|
|
return (
|
|
<button
|
|
style={{
|
|
background: 'rgba(0, 0, 0, 0.4)',
|
|
color: '#fff',
|
|
padding: '10px 20px',
|
|
fontSize: '30px',
|
|
border: '2px solid #fff',
|
|
margin: '8px',
|
|
transform: 'scale(0.9)',
|
|
boxShadow: '4px 4px rgba(0, 0, 0, 0.4)',
|
|
transition: 'transform 0.2s cubic-bezier(0.34, 1.65, 0.88, 0.925) 0s',
|
|
outline: '0',
|
|
}}
|
|
>
|
|
<Slot />
|
|
</button>
|
|
);
|
|
});
|
|
|
|
export default FunnyButton;
|