/* ========== GLASS EFFECT BASIC ========== */ .glass-basic { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* ========== GLASS EFFECT LIGHT ========== */ .glass-light { background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15); border-radius: 16px; } /* ========== GLASS EFFECT DARK ========== */ .glass-dark { background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); border-radius: 16px; color: white; } /* ========== GLASS EFFECT PREMIUM ========== */ .glass-premium { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1); border-radius: 20px; position: relative; overflow: hidden; } .glass-premium::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transition: left 0.5s; } .glass-premium:hover::before { left: 100%; } /* ========== GLASS BUTTON ========== */ .glass-button { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50px; padding: 12px 30px; color: white; font-weight: 600; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; } .glass-button:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } /* ========== GLASS CARD ========== */ .glass-card { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 24px; padding: 30px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .glass-card:hover { transform: translateY(-5px); } Glass Effect Styles
Basic Glass Effect
Light Glass Effect
Dark Glass Effect
Premium Glass Effect
Glass Card

AI-Native Software Development & Future-Ready Marketing Solutions

Working hours

  • Mon – Fri: 10AM – 7PM
  • Sta: 11AM – 5PM

Phone numbers

  • For customers: +1 (080) 44 357 260
  • Tech customers: +1 00 33 169 7720

Email addresses

  • For customers: customer@example.com
  • Tech customers: support@example.com

Partner outlet stores

Orlando
Orlando, USA
  • Find us514 S. Magnolia St. Orlando, FL 32806, USA
  • Call us+1 (786) 322 560 40
  • Write usorlando@example.com
Orlando
Chicago, USA
  • Find us769, Industrial, West Chicago, IL 60185, USA
  • Call us+1 (847) 252 765 33
  • Write uschicago@example.com
Orlando
New York, USA
  • Find us396 Lillian Blvd, Holbrook, NY 11741, USA
  • Call us+1 (212) 477 690 000
  • Write usnewyork@example.com

Drop us a line