Ekran görüntüsünde olduğu gibi değişken renklere sahip düzensiz bir kenarlık oluşturmaya ne dersiniz? CSS üst üste gelen renklerle düzensiz kenarlık oluşturma
bir grafik düzenleyici bir sınır görüntü oluşturma ve docs tarif edildiği gibi daha sonraborder-image
özelliğini kullanarak değerlendirmiştir. Bununla birlikte, bu teknik, çok sayıda arka plan renginin (ekran görüntüsünde gri ve beyazın) kenarlık "dalgalarına" girme etkisine ulaşmamı sağlamaya izin vermeyecektir.
Başka bir çözüm, sadece Photoshop'un arka plan beyaz ve gri tüm arka planını üretmek ve sadece web sitesinde kullanmak olacaktır. Bunu performans nedenleriyle gerçekten önlemek istedim ve gri, kontrol edilmiş bir desen parçası üretmeyi ve tekrarlamayı tercih ediyorum. Ayrıca, ekran görüntüsünde de gördüğünüz gibi, karanlık parça bir karuselden bir görüntüdür - görüntülerin hepsi farklı renklerde gelir, böylece karusel kabına bir kenarlık resmi uygulamak da bir çözüm değildir.
Bazı tavsiyeler için minnettarım. Teşekkürler.
İlgili cevap - http://stackoverflow.com/questions/25895895/creating-a-droplet-like-border-effect-in-css/25903879#25903879. Bunu, bu cevapta 'radyal-degrade' kullanarak yapabilirsiniz, ancak renklerin sırası değiştirilmelidir. – Harry
[Here] (https: // jsfiddle.net/k3mj2om3 /) referansınız için yukarıda verilen cevapta olduğu gibi aynı yaklaşımı kullanan bir demodur. * Farklı renklerde gelecektir * bölüm degrade renklerini değiştirerek elle ele alınmalıdır. Bunun bir yolu olduğunu sanmıyorum (eğer SVG kullanıyor olsanız bile, "clip-path" temelli bir yaklaşıma gitmedikçe renklerin işlenmesi gerekir - ki bu IE'de desteklenmez). – Harry
** Potansiyel yakın seçmenlere not ** - Bağladığım konu sadece kullanıcıya fikir verebilecek bir konu. Bu soru ** bu soruda belirtilmiş birkaç ekstra koşul olduğundan, bunun bir kopyası değil. – Harry