Jump to content
Sign in to follow this  
jacobWeb

Menu z kwadratów z poszczególnymi kolorami. CSS

Recommended Posts

Witam mam taki można powiedzieć mały problem, koduję stronę od zera i chciałem zrobić takie menu jakby z kwadratów obok siebie. Chciałbym aby miały one poszczególne kolory. W CSS ustawiłem diva o kolorze zielonym i kiedy daję tego samego diva drugi raz jest wiadome, że będzie zielony a chcę aby miał inny kolor, trzeba to przedstawić już w html czy jak?

 

Oto kod:

.nav
{
	width: 125px;
	height: 125px;
	opacity: 0.5;
	background-color: #006600;
	color: white;
	border-radius: 2px 2px 2px;
	box-shadow: 0px 0px 1px black;
	text-align: center;
	transition-duration: 1s;
}
.nav:hover
{
    transform: rotate(360deg);
	transition-duration: 1s;
	opacity: 1;
}

 

Share this post


Link to post
.nav.czerwony {
background-color: red;
}
<div class="nav czerwony">blabla</div>

nie wiem czy to jest dobre rozwiazanie

Edited by BaQuee
  • Like 2

Share this post


Link to post

nie pomogło ;/

Share this post


Link to post

Albo dodać do HTMLa osobną klasę, która zmieni kolor, albo pobawić się z ::nth-child w CSSie.

Share this post


Link to post

nie tu wstawiłem ☺️ działa wszystko ładnie pięknie

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Create a New Account. It’s free and easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
×
×
  • Create New...