Scenario: I want to cover an element by a rectangular mask (background #000 with opacity 0.8, for example). Next, there's an area in the covered area for which I want to highlight. Here is a sample screenshot: (As you notice,…
Need to place images kinda like here (for example): http://imgur.com/QpRjvpW Original pictures of different sizes. Hover effect - blur and fogging effects and text on the middle of the picture. Here is what I got for now: JSFiddle So the…
I am trying to make my #home background image to be responsive so when I resize my browser or see it through my mobile it should be responsive please tell me how do I do this? as you can see…
I have three different image to which I want to apply a fan like animation. I cant club the images in Photoshop as I want the images to appear one after the other. This is the code (I have used…
What styles do I need to add to my heading classes to make any element behave like heading tags... .h1, .h2, .h3, .h4, .h5, .h6 { // make akin to h tags } I might be using them on div…
I have a bootstrap select with readonly="true" but I can still change the selected option. I need the disabled="true" behavior, but when I use this the select is not submitted. I need a combination of the 2, the selected option…
Hello I have a picture made in photoshop. It's only one color (symbol of html). It's made from #d66a00 (shade of orange) color. I need to add effect on hover, that picture slowly pass to another color. For example. I…
I am using the menu from example10 css from the webpage http://tympanus.net/Tutorials/CreativeCSS3AnimationMenus/index10.html how can i modify it so that the menu item for the current page will be a different color from the others? what i want to do is:…
I am trying to get 4 columns in a row. Code: <div class="banner-static" style="margin-top: 30px; margin-bottom: 15px;"> <div class="row"> <div class="home-banner"> <div class="col2 col-xs-12 col-sm-4 col-md-4"> <p class="img3"> <a href="#"> <img class="top" src="/img/cms/banner1_hover.jpg" alt="" /> <img class="bottom" src="/img/cms/banner1.jpg" alt="" />…
I have a pretty standard bootstrap layout with a fixed size container going down the page. I'm wondering, however, if there is some way of decorating the areas to the left and right of the container in order to make…