, . , a.… https://babaka.website

- 24-



.
,

:



:




, ! .


» - 24- » ,html » .


.

1 5 5

1

:
<style type="text/css">
html, body {background-image: url(" "); background-attachment: fixed; background-repeat: no-repeat; background-position: top center;}
</style>

- - HTML-

0

2

:
<style type="text/css">
#pun-title .title-logo {background-image : url( );
background-repeat : no-repeat; height : 134px; padding-left : 958px;
}
#pun-title .title-logo span {display: none;}
</style>

- - HTML-

0

3

, , ,

0

4

():

, , ,

  ,

:
<style>
#pun-navlinks a {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .2em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
#pun-navlinks a:active {
  top: 1px;
  box-shadow: none;
}
#pun-navlinks a:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
</style>

HTML-

+1

5


» - 24- » ,html » .


|