並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 18 件 / 18件

新着順 人気順

gradientsの検索結果1 - 18 件 / 18件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

gradientsに関するエントリは18件あります。 CSScssツール などが関連タグです。 人気エントリには 『次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients』などがあります。
  • 次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients

    すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか? #FFFFFFのようなHEX値だったり、whiteのようなキーワードだったり、rgb(255, 255, 255)のようなRGB色空間の人も多いと思います。最近では色相・彩度・輝度で指定できるhsl(0, 0%, 100%)もすべてのブラウザにサポートされており、増えてきたと思います。 さらに今までよりも広色域のP3カラーに対応したoklch()もChrome 111, Safari 15.4でサポートされ、注目されています。 CSS HD Gradients CSS HD Gradientsは、Google ChromeのデベロッパーであるAdam Argyle氏(@ar

      次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients
    • 最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients

      プロのデザイナーによってキュレーションされた、美しいCSSグラデーションのコードを紹介します。さまざまなUIコンテンツやデジタルアートの背景にぴったりな線形グラデーションです。

        最近のUIデザインで見かける、美しいCSSグラデーションのコードのまとめ -Design Gradients
      • グラデーション付き影をコピペ作成 CSS Shadow Gradients とおすすめツール

        グラデーションは鮮やかな配色や動く流体Blobシェイプなど、さまざまな方法や見せ方で見かけるようになっています。 2色の配色によるグラデーションをつかった影、シャドウグラデーション(英: Shadow Gradients)を手軽に作成できるオンラインツール「CSS Shadow Gradients」が公開されています。 CSS Shadow Gradientsで作成したグラデーションは、CSSコードとしてワンクリックでコピー、利用できます。 CSS Shadow Gradients https://alvarotrigo.com/shadow-gradients/ 🧑‍💻 使いかた CSSグラデーションシャドウは、疑似要素をつかって表現しており、backgroundプロパティにlinear-gradient関数を使うことで、手軽にスタイリングすることができるようになりました。 使いかた

        • 画像生成AI「Stable Diffusion」AUTOMATIC1111版でイラストの画風・絵柄を学習&適用できる「Aesthetic Gradients」使い方まとめ

          画像生成AI「Stable Diffusion」をブラウザ上で簡単に使えるウェブUIの中でも最も精力的に開発が行われ、もはやStable DiffusionのGUIとして決定版ともいえる「AUTOMATIC1111版Stable Diffusion webUI」に、AIの画像生成に特定の方向付けができる「Aesthetic Gradients」機能が追加されたので、実際に使ってみました。 [2209.12330] Personalizing Text-to-Image Generation via Aesthetic Gradients https://arxiv.org/abs/2209.12330 Extensions · AUTOMATIC1111/stable-diffusion-webui Wiki · GitHub https://github.com/AUTOMATIC111

            画像生成AI「Stable Diffusion」AUTOMATIC1111版でイラストの画風・絵柄を学習&適用できる「Aesthetic Gradients」使い方まとめ
          • CSS HD Gradients

            .modern-gradient { background-image: linear-gradient( to right in oklab, oklch(70% 0.5 340) 0%, oklch(90% 0.5 200) 100% ) ; } Copy

            • Multicolor CSS Gradients, JPG Downloads, 100% Free!

              Multicolor GradientsPure CSS Code, JPG Download, And Free!

                Multicolor CSS Gradients, JPG Downloads, 100% Free!
              • Conic.css - nice, simple conic gradients

                HOW IT WORKS Click a gradient then paste into your CSS, like this!

                • Design Gradients — designgradients.com

                  The free platform of 48 linear gradients curated by designers to use as content backgrounds in any piece of digital art.dg-01

                    Design Gradients — designgradients.com
                  • Generative Modeling by Estimating Gradients of the Data Distribution | Yang Song

                    Introduction Existing generative modeling techniques can largely be grouped into two categories based on how they represent probability distributions. likelihood-based models, which directly learn the distribution’s probability density (or mass) function via (approximate) maximum likelihood. Typical likelihood-based models include autoregressive models , normalizing flow models , energy-based mode

                    • CSS mesh gradients generator: Mesher Tool by CSS Hero

                      A Free tool to create beautiful mesh gradients only with CSS code. Use your own colors or randomly generated ones to build the trendiest CSS gradients of 2023

                      • CSS Shadow Gradients — Generator [Fast & Easy]

                        To use the CSS gradient shadow you'll be using a pseudo element. Also a parent with relative position and background color. The CSS Shadows Gradient Generator was a tool that I was missing. One day I thought it'd be nice to add some beautiful gradients in a shadow for a web design I was working in. I then searched for a CSS generator to find the fastest way to do it, and I got shocked to find out

                          CSS Shadow Gradients — Generator [Fast & Easy]
                        • Make Beautiful Gradients

                          So here's a CSS linear gradient, going from pure yellow to pure blue: Notice that it gets kinda washed out and muddy in the middle there? This is what Erik Kennedy has coined the “gray dead zone”. Unless you're really careful when selecting colors for your gradients, you'll often wind up with a desaturated midsection in your CSS gradients. As it turns out, though, we can absolutely avoid the gray

                            Make Beautiful Gradients
                          • Gradients without Backpropagation

                            Using backpropagation to compute gradients of objective functions for optimization has remained a mainstay of machine learning. Backpropagation, or reverse-mode differentiation, is a special case within the general family of automatic differentiation algorithms that also includes the forward mode. We present a method to compute gradients based solely on the directional derivative that one can comp

                            • Gradients for Tailwind CSS | Hypercolor

                              A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.

                                Gradients for Tailwind CSS | Hypercolor
                              • A Deep CSS Dive Into Radial And Conic Gradients — Smashing Magazine

                                In this article, we’ll be taking a closer look at two gradients: conic-gradient and radial-gradient. You’ll see how each one of them works in detail, what the differences and similarities are between them, how and where to use them, and some use cases for each. CSS gradients are a useful CSS feature that can be used to create interesting UI effects or even help us in drawing something without the

                                  A Deep CSS Dive Into Radial And Conic Gradients — Smashing Magazine
                                • Grainy Gradients | CSS-Tricks

                                  DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise solid colors or smooth gradients, such as shadows, more realistic. But despite designers’ affinity for texture, noise is rarely used in web d

                                    Grainy Gradients | CSS-Tricks
                                  • GitHub - Deci-AI/super-gradients: Easily train or fine-tune SOTA computer vision models with one open source training library. The home of Yolo-NAS.

                                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                      GitHub - Deci-AI/super-gradients: Easily train or fine-tune SOTA computer vision models with one open source training library. The home of Yolo-NAS.
                                    • Generate Mesh Gradients

                                      ◐ Generate Mesh Gradients - Intro Meshy is design tool to generate mesh gradients, with a given color palette. Each generated gradient is unique to id & color hex codes, which behaves as a seed to recreate the gradients. The Column on the right has few presets of curated mesh gradients. A Palette of only four colors is used to create gradient where each color is associated with differnt amount of

                                        Generate Mesh Gradients
                                      1

                                      新着記事