hover on father elemet activates a child element css
/* EXAMPLE
projetos-hover is father; projetos-hover-text is the child
When hover on the father use ">" to aply on a child
*/
.projetos-hover-text {
transform: translateY(-50%);
transition: all 0.2s ease 0s;
}
.projetos-hover:hover > .projetos-hover-text {
transform: translatey(+5%);
}
Also in CSS:
- If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
- css selectors cheat sheet
- css first of type
- how to link to a css file in html
- how to give page a random background image css
- position sticky css
- text align justify
- label for centered image
- how to link css to html
- button width based on text csss
- css animate flashing
- carousel inner item populate with for loop puting active class on all carousel item
- como fazer elementos que scroll diferente
- github-pages main.css cancel
- css text justify
- css anchor fill parent
- css background image cover center
- aos animate
- css transition delay
- input type file css
- learn css animations transform
- css center
- pure css heart
- responsive font sizing css