Note that if you have many points, calling plt.plot for each line segment can be quite slow. It’s more efficient to use a LineCollection object. Using the colorline recipe you could do the following: import matplotlib.pyplot as plt import numpy as np import matplotlib.collections as mcoll import matplotlib.path as mpath def colorline( x, y, z=None, … Read more
A simple answer I have not seen yet is to just use the colour package. Install via pip pip install colour Use as so: from colour import Color red = Color(“red”) colors = list(red.range_to(Color(“green”),10)) # colors is now a list of length 10 # Containing: # [<Color red>, <Color #f13600>, <Color #e36500>, <Color #d58e00>, <Color … Read more
You can also add a gradient to the AppBar like this, new Scaffold( appBar: AppBar( title: Center(child: Text(‘Awesome AppBar’)), flexibleSpace: Container( decoration: BoxDecoration( gradient: LinearGradient( colors: [ const Color(0xFF3366FF), const Color(0xFF00CCFF), ], begin: const FractionalOffset(0.0, 0.0), end: const FractionalOffset(1.0, 0.0), stops: [0.0, 1.0], tileMode: TileMode.clamp), ), ), child: …, ), body: …, ); LinearGradient parameters: … Read more
Ok, I solved it by adding the url for the background image at the end of the line. Here’s my working code: .css { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.65) 100%), url(‘https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a’) no-repeat; height: 200px; } <div class=”css”></div>
I’ve been wondering this exact same thing. The solution is actually quite simple. Although this is of course quite a modern feature, so you’re stuck to browser compatibility. Webkit can take care of this with a single line of CSS: -webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))) (The new standardised way of doing it … Read more
Just modify the background-position like in the below snippet to get the required output. This works fine in Firefox, Chrome, Opera, IE11 and Edge. body { background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, … Read more
Just use an 8-digit color value, e.g. #FFF8F8F6, where the first two characters are the alpha value. FF being fully opaque, and 00 being fully transparent.
Gradient basically represents the variation in space(in a direction) of any quantity. With color it represents the variation of color intensity in a direction represented by angle. Here are some diagrams to represent this concept: Here the figure shows the color variation in horizontal direction (angle is set 0).XML code: <shape xmlns:android=”http://schemas.android.com/apk/res/android”> <gradient android:startColor=”#000000″ android:angle=”0″/> … Read more
Mike Bostock figured out a way, though it’s not easy: https://bl.ocks.org/mbostock/4163057 Basically, this technique uses getPointAtLength to slice the stroke into many short strokes, specify interpolated color stops for each, and then apply a gradient to each short stroke between those stops. Good luck if you’re up to the challenge 😉 Edit (July 3rd, 2019): … Read more
As Romain Guy suggests: listView.getBackground().setDither(true); solves my problem If this is not enough especially for AMOLED and/or hdpi devices try this: @Override public void onAttachedToWindow() { super.onAttachedToWindow(); Window window = getWindow(); window.setFormat(PixelFormat.RGBA_8888); }