First Gradient Stop- Color Blue (Red-39, Green-145, Blue-197).Go to the Custom tab and enter the following code (see the screenshot above).Click the More Colors option in the Color drop down (see the screenshot below).Click Gradient Fill and keep 2 gradient stops- one in the beginning and one in the end.PowerPoint 2010 users have to make one more effort- you’ll have to manually enter the RGB (Red, Green, Blue) values that we have provided below to get the exact color. That’s it! You will get the exact same gradient effect. Use the light blue color for the first stop and dark blue for the last (see screenshot below).Click on the image to extract that color and apply to your slide.From the Theme Colors window, pick the Eyedropper tool (see screenshot below). Keep 2 Gradient Stops- one in the start and one in the end.Next, pick the Eyedropper tool and extract the color. PowerPoint 2013 users are lucky- all they need to do is copy our gradient image and insert it in the PowerPoint slide. Getting an exact match as the color we used might be a little time consuming. We now need to replace the default colors with the deep blue colors. Choose the Direction as From Center from the drop-down (see screenshot below).Choose the Type as Radial from the drop-down (see screenshot below).The Format Background window opens on the right.Right click on the blank slide and click Format Background.So, how do you create this background effect yourself? Follow these simple steps in PowerPoint: The slide looks professionally designed and forces the audience to notice your slides and read your content. The gradient background below gives a sense of mystery and innovation.Ĭheck out the slide below now- When you choose a contrasting color like white and yellow (or any soft color) for your content, it shines and grabs audience attention. Try a different blue this time- basically blues since we are talking about gradients over here. You want to be the one that creates a nice gradient background like this:ĮWe’ll also show you how you can recreate the same gradient backgrounds in PowerPoint.ħ Awesome Gradient Effects for Your Slides Gradient #1- Ocean Blue Effect (Radial)īlue is the favorite choice for many business presentations. But if you want to try something new this time and treat your slides the way photographer plays with shades and lights to click the perfect portrait, then gradient style is the one for you.īut hold your horses, guys! You don’t want to overdo it and end up winning an award for designing “the ugliest slide ever”. Rich, warm colors like orange can make your slides a visual treat or cool colors like blue can give a professional and soothing touch. We know plain white color can become a bit too boring. If messed up, they can cause a disaster (read Death by PowerPoint). If done right, they can make your slides look artistic and professional. In Dark Mode, the 1st box should look like dark blue with a black gradient (see 2nd box) Light Mode (1st box looks correct in light mode)ĭark Mode (1st box looks incorrect in dark mode.Gradients can be a tricky thing. 2nd box is a demonstration of how it must really look in Dark Mode. I've managed to make Dark Mode work on Tailwind Play so here's the demo -> Ĭheck only the 1st box. Notice, how it doesn't show blue gradient on Dark Mode despite the code being: Hello hi Open in New Window as Tailwind Dark Mode doesn't show side-by-side on Stackblitz. I've made a Stackblitz demo showing the problem -> How do I make the dark mode work? There is a conflict between background-image in Dark Mode & background-color in Light Mode. I get the light mode working fine but dark:bg-info doesn't work as it uses background-image CSS property rather than background-color CSS property for light mode. I have a div with class bg-blue-100 text-blue-900 dark:bg-info where bg-info is linear-gradient(to right, hsla(240, 100%, 50%, 0.2), transparent 50%)
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |