How to create a radial gradient around navigation?

后端 未结 3 544
忘掉有多难
忘掉有多难 2021-01-22 01:12

\"enter

See the radial gradient flowing around the center of the navigation? Lets suppose

3条回答
  •  慢半拍i
    慢半拍i (楼主)
    2021-01-22 01:48

    If you talk about the lighter brown glow that is behind the navigation you can do this with CSS3...: http://jsfiddle.net/Jg8ZC/

      background: #45392d;
      background-repeat: no-repeat;
      background-image: -webkit-radial-gradient(center center, circle contain, #624a36 0%, #45392d 80%); /* New WebKit syntax */  
      background-image: -moz-radial-gradient(center center, circle contain, #624a36 0%, #45392d 80%);  /* Firefox */  
      background-image: -ms-radial-gradient(center center, circle contain, #624a36 0%, #45392d 80%); /* IE10+ */  
      background-image: -o-radial-gradient(center center, circle contain, #624a36 0%, #45392d 80%); /* Opera (13?) */  
      background-image: radial-gradient(center center, circle contain, #624a36 0%, #45392d 80%; /* standard syntax */
    

    This way it will work in every modern browser.

提交回复
热议问题