Sh00k-ThaD3v

CSS Glassmorphism Button Hover Effects | Glass Morphism

Inspired by: https://www.youtube.com/watch?v=YrOq7OpRV8I

A Pen by GEAUX⚜️TECH on CodePen.

License.

Sh00k-ThaD3v

#1578 - Profile Card

Profile image with title and social icons

A Pen by LittleSnippets.net on CodePen.

License.

Sh00k-ThaD3v

Codepen Challenge: Huge Headers/Mega Menus

Missed last week's challenge Mega Menus. Combined it with this week's challenge Huge Headers to make a responsive full screen landing/hero page with a overlay menu for a travel website.

A Pen by GEAUX⚜️TECH on CodePen.

License.

Sh00k-ThaD3v

package com.vytrack.tests.components.login_navigation;

import com.vytrack.utilities.SeleniumUtilities;

import io.github.bonigarcia.wdm.WebDriverManager;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

Sh00k-ThaD3v

Codepen Challenge: Huge Headers/Mega Menus

Missed last week's challenge Mega Menus. Combined it with this week's challenge Huge Headers to make a responsive full screen landing/hero page with a overlay menu for a travel website.

A Pen by GEAUX⚜️TECH on CodePen.

License.

Sh00k-ThaD3v

#1566 - Image Hover

Rounded images with icon on hover

A Pen by LittleSnippets.net on CodePen.

License.

Sh00k-ThaD3v

<div class="lg:flex container mx-auto p-3" id="app">
  <div class="panel p-2">
    <div class="rounded overflow-hidden shadow-lg my-3">
      <img src="https://images.unsplash.com/photo-1491002052546-bf38f186af56?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=400&h=200&q=80" class="w-full" />
      <div class="flex justify-center -mt-8">
        <img src="https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=3&w=144&h=144&q=80" class="rounded-full border-solid border-white border-2 -mt-3">
      </div>
      <div class="text-center px-3 pb-6 pt-2">
        <h3 class="font-bold text-md">Aubree Gilmour</h3>
        <p class="mt-2 font-sans font-light text-grey-dark italic">Live life, Laugh Loud, Love forever</p>

Sh00k-ThaD3v

<div id="app" class="bg-gray-200 h-screen p-4 flex flex-col">
  <div
    class="z-10 absolute inset-0 flex justify-center items-center popup p-4 md:p-0 invisible"
    @click="onEditWindowClose"
    v-if="editWindow.show"
    :style="{ visibility:'visible'}"
  >
    <div class="w-full max-w-md" @click.stop>
      <form
        class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"

Sh00k-ThaD3v

<div id="root"></div>

Sh00k-ThaD3v

#1268 - 'Add to cart' card

'Add to Cart' shopping card

A Pen by LittleSnippets.net on CodePen.

License.