CSS Gradient Generator

Photoshopのようなグラデーションを生成するための、小さくても便利なツールを共有したいと思います。 このツールは大音量-Ultimate CSS Gradient Generatorと呼ばれます。 しかし、より重要なのは名前ではなく、クリエイターです。これらは、Firefoxの優れたプラグインであるColorZillaを作った人たちと同じです。



しかし、言葉を少なくし、より多くの作業を行います。 ジェネレータは非常に簡単に動作します：

• リストから必要なテンプレートを選択します（そして、100以上あります）。
• 要素のサイズをカスタマイズする
• 色を定義する
• コードをコピーする

コードは非常にきれいになります。以下に例を示します。

background: #ebf1f6; /* old browsers */ background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* ie */
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

これは





UPD ： Lazio_odに別のすばらしいツールを提供してくれてありがとう 。