Skip to content

start.westlake.school.nz random custom css (UI change) by nicholas

Write a review Install Get Stylus

Details

Authornicholas

LicenseNo License

Categoryuserstyles

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This will change the placement of the h5 text of every element and be placed in the top right of the div element and when hovered on it will add several diffren text shaddow with a .2s animation to make everything feel smooth with all the div element having border radius of at least 10px

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           start.westlake.school.nz
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
@import url('https://fonts.googleapis.com/css2?family=Akaya+Kanadaka&display=swap');

.portfolio-item .caption {
    transition: all .5s;
    border-radius: 10px;
}
col-lg-3 {
    display: none;
}

.portfolio-item .caption:hover {
    width: 300px;
    height: 200px;
    background-color: grey;
    opacity: 85%;
    text-shadow: -4px 4px #ef3550,
               -12px 12px #f48fb1,
               -20px 20px #7e57c2,
               -24px 24px #2196f3,
               -28px 28px #26c6da,
               -32px 32px #43a047,
               -38px 38px #eeff41,
               -42px 42px #f9a825,
               -46px 46px #ff5722;
}

.portfolio-item .caption h5{
    padding-bottom: 120px;
    padding-left: 110px;
}



.portfolio-item .caption p{
    display: none;
}

h5 {
    font-family: 'Akaya Kanadaka', cursive;
    font-size: 20px;
    color: brown;
    transition: all .5s;
}
h5:hover {
    color: black
}

/* dsuyavf */

Reviews

No reviews yet.