button-11

• Vista previa

  Hover me

  Hover me

• Código

  const Button11 = () => {
    return (
      <button className="group relative h-12 rounded-full border border-foreground bg-transparent px-4">
        <span className="relative inline-flex overflow-hidden">
          <div className="translate-y-0 skew-y-0 transition duration-500 group-hover:-translate-y-[110%] group-hover:skew-y-12">
            Hover me
          </div>
          <div className="absolute translate-y-[110%] skew-y-12 transition duration-500 group-hover:translate-y-0 group-hover:skew-y-0">
            Hover me
          </div>
        </span>
      </button>
    );
  };
  
  export default Button11;