Blur text inside a container

This Article is posted by seven.srikanth at 10/2/2021 9:52:37 AM



<p>Here is an example, of how to blur text inside a container.</p> <p>![](../../../Uploads/27c43475-d0b1-4f8b-938c-60d99ef5598b.pngwidth="50%height="auto](</p> <p>Complete code from main.dart file.</p> <p id="4ec9b0;](MyApp());" color:="">color: #9cdcfe;](args) </p> <p>color: #569cd6;](class color: #4ec9b0;](MyApp color: #569cd6;](extends color: #4ec9b0;](StatelessWidget { color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #4ec9b0;](MaterialApp( color: #9cdcfe;](home: color: #4ec9b0;](Scaffold(color: #9cdcfe;](body: color: #4ec9b0;](MyHomePage()), ); } }</p> <p>color: #569cd6;](class color: #4ec9b0;](MyHomePage color: #569cd6;](extends color: #4ec9b0;](StatelessWidget { color: #9cdcfe;](@ color: #9cdcfe;](override</p> <p>color: #4ec9b0;](Widget color: #dcdcaa;](build(color: #4ec9b0;](BuildContext color: #9cdcfe;](context) { color: #c586c0;](return color: #4ec9b0;](Center( color: #9cdcfe;](child: color: #4ec9b0;](ImageFiltered( color: #9cdcfe;](imageFilter: color: #4ec9b0;](ImageFilter.color: #4ec9b0;](blur(color: #9cdcfe;](sigmaX: color: #b5cea8;](8, color: #9cdcfe;](sigmaY: color: #b5cea8;](8), color: #9cdcfe;](child: color: #4ec9b0;](Container( color: #9cdcfe;](color: color: #4ec9b0;](Colors.color: #9cdcfe;](green, color: #9cdcfe;](child: color: #4ec9b0;](Text( color: #ce9178;]('Hello World!', color: #9cdcfe;](style: color: #4ec9b0;](TextStyle(color: #9cdcfe;](fontSize: color: #b5cea8;](50), ), ), )); } } ` Thanks,Srikanth</p>


Tags: Blur text; fade text;








0 Comments
Login to comment.
Recent Comments