background preloader

CSS Image Opacity / Transparency

CSS Image Opacity / Transparency

http://www.w3schools.com/css/css_image_transparency.asp

Related:  front end portfolioWEB DESIGN DIVI

Caption Hover Effects A tutorial on how to create some subtle and modern caption hover effects. View demo Download source Today we want to show you how to create some simple, yet stylish hover effects for image captions. Exploring Divi 2.4: How The Custom CSS Tab and The Divi Library Can Transform Your Workflow Last week we introduced Divi 2.4, the biggest upgrade in Divi history and a giant leap forward for our most popular WordPress theme. There are so many great features to explore in this update that it was hard to describe them all on the release post, which is why we have decided to do a 2-week series of informational blog posts that will aim to teach you how to take full advantage of Divi 2.4 and its new options. In part ten of this series, I’m going to explore the new Custom CSS options and how you can use them alongside the Divi Library in lieu of adding custom css with a child theme. Learn All About Divi 2.4 Here The All New Custom CSS Tabs in Divi 2.4

CSS3 Gradient Buttons Last week I talked about Cross-Browser CSS Gradient. Today I'm going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values. The best part about this method is it can be applied to any HTML element such as div, span, p, a, button, input, etc.

Social Image Resizer Tool Resize and crop your images for web use Today there are innumerable uses for photos and images on the web. Websites need favicon and content images, people need Twitter profile pictures and Facebook profile banners, others want to create custom-sized photos for other uses – the need is endless. To optimize images for web use, you likely need to resize, crop or change their file format type from the source image for their final use. And to optimize your website for site speed, it is best to not resize large images on the fly, but to use properly sized images in the first place, which are typically smaller.

30+ Beautiful pure CSS3 hover effects on images - WpFreeware Are you looking for some great CSS3 image hover effects? If yes then go ahead, I covered here some of the best CSS3 hover effects for images. As a web designer often we need to implement special effects into our design to make a stunning website template. Everyone wants to see his website unique and that’s why design is a strong fact now for any kind of website.

Elegant Themes Blog 9 Useful Divi CSS Snippets You Can Add To ePanel In Seconds As an experienced developer, you might feel that Divi would constrain you from flexing your CSS muscles. However, you’d be wrong. While Divi was built to be easy for users to pick up even if they have little experience with WordPress, it also caters to more demanding users. For example, the Divi... View Full Post

4 methods of adding CSS to HTML: link, embed, inline and import by Matthew James Taylor on 18 February 2009 There is more than one way to add a Cascading Style Sheet (CSS) to your HTML document. In this short tutorial I will explain the strengths and weaknesses of the four main methods.

The Best Online Sources For Images Jeez, there are sure a ton of ways to find images on the Web, as well as many places where you can find lengthy link lists to image collections. I’d lay odds that most people, including myself, just use Google Image Search when they need to find an image. However, there might be instances when you want to use another tool — perhaps you’re a language teacher searching for just the right clip art or photography to illustrate a verb, maybe you have very young students and are concerned about what they might find on Google, possibly you’re particularly teaching about copyright issues, or you want your students to easily connect an image to a writing exercise and have them send an E-Card. (Google has recently added an option in their advanced image search feature — go to the bottom left under “license” and choose “labeled for reuse”) I thought a “The Best…” list might be helpful in one of those, or other particular, instances.

Related: