Strony - gotowe kody vol.2

Kod CSS:

#PageList1 li {
  list-style-type: none;
}

#PageList1 li a:link, #PageList1 li a:visited {
  display: block;
  text-decoration: none;
  background: #C51162;
  border: 2px solid #C51162;
  color: #E3F2FD; 
  font-family: arial;
  font-size: 7pt;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 0;
  margin: 1px 0;
  transition: all .50s ease-in-out;
-o-transition: all .50s ease-in-out;
-webkit-transition: all .50s ease-in-out;
-moz-transition: all .50s ease-in-out;
}

#PageList1 li a:hover {
  background: #880E4F;
  border: 2px dashed #C2185B;
  color: #E0F2F1;
  transition: all .80s ease-in-out;
-o-transition: all .80s ease-in-out;
-webkit-transition: all .80s ease-in-out;
-moz-transition: all .80s ease-in-out; 

Kod CSS:

#PageList1 li {
  list-style-type: none;
}

#PageList1 li a:link, #PageList1 li a:visited {
  display: block;
  text-decoration: none;
  background: #E91E63;
  color: #fff; 
  font-family: arial;
  font-size: 7pt;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 0;
  margin: 1px 0;
  transition: all .50s ease-in-out;
-o-transition: all .50s ease-in-out;
-webkit-transition: all .50s ease-in-out;
-moz-transition: all .50s ease-in-out;
}

#PageList1 li a:hover {
  box-shadow: inset 0 20px 10px -10px #00BCD4;
  color: #fff;
  transition: all .80s ease-in-out;
-o-transition: all .80s ease-in-out;
-webkit-transition: all .80s ease-in-out;
-moz-transition: all .80s ease-in-out; 

}

Kod CSS:

#PageList1 li {
  list-style-type: none;
}

#PageList1 li a:link, #PageList1 li a:visited {
  display: block;
  text-decoration: none;
  background: #880E4F;
  color: #fff; 
  font-family: arial;
  font-size: 7pt;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 0;
  margin: 1px 0;
  text-decoration: line-through transparent;
  transition: all .50s ease-in-out;
-o-transition: all .50s ease-in-out;
-webkit-transition: all .50s ease-in-out;
-moz-transition: all .50s ease-in-out;
}

#PageList1 li a:hover {
  background: #311B92;
  letter-spacing: 4px;
  text-decoration: line-through;
  color: #E0F2F1;
  transition: all .80s ease-in-out;
-o-transition: all .80s ease-in-out;
-webkit-transition: all .80s ease-in-out;
-moz-transition: all .80s ease-in-out; 

}

Kod CSS:

#PageList1 li {
  list-style-type: none;
}

#PageList1 li a:link, #PageList1 li a:visited {
  display: block;
  text-decoration: none;
  background: #f8f8f8;
  color: #2a2a2a; 
  font-family: arial;
  font-size: 7pt;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 0;
  margin: 1px 0;
  text-decoration: line-through transparent;
  transition: all .50s ease-in-out;
-o-transition: all .50s ease-in-out;
-webkit-transition: all .50s ease-in-out;
-moz-transition: all .50s ease-in-out;
}

#PageList1 li a:hover {
  background: #f8f8f8;
  color: #fff;
  box-shadow: inset 170px 0px 25px -20px #303F9F, inset 500px 0px 0px #388E3C;
  transition: all .80s ease-in-out;
-o-transition: all .80s ease-in-out;
-webkit-transition: all .80s ease-in-out;
-moz-transition: all .80s ease-in-out; 

}