Patel Web Design - PWD

22/10/2016

H A P P Y D I W A L I - PWD TEAM

26/04/2016

Design Project
https://bhaumikpatel1985.wordpress.com/2016/04/26/design-project/

Visit the post for more.

30/12/2015

The WordPress.com stats helper monkeys prepared a 2015 annual report for this blog. Here's an excerpt: A San Francisco cable car holds 60 people. This blog was viewed about 340 times in 2015. If it were a cable car, it would take about 6 trips to carry that many people. Click here to see the complete report.

https://bhaumikpatel1985.wordpress.com/2015/12/30/2015-in-review

The WordPress.com stats helper monkeys prepared a 2015 annual report for this blog. Here's an excerpt: A San Francisco cable car holds 60 people. This blog was viewed about 340 times in 2015. If it...

14/07/2015

The last method to vertical centering is by using Flexbox. Flexbox is a new module in CSS3. It offers a more straightforward method for aligning content. To center the content vertically in flex box, simply add align-items: center;as follows, and that’s it. Keep in mind that Flexbox some browsers only support partials feature of the Flexbox module such as Internet Explorer 10, Safari, 6, and Chrome 27 and below. Hence, similar to the trick with CSS3 Transform, make sure that the effect falls nicely in these browser.

https://bhaumikpatel1985.wordpress.com/2015/07/14/css3-tricks-to-align-content-vertically

The last method to vertical centering is by using Flexbox. Flexbox is a new module in CSS3. It offers a more straightforward method for aligning content. To center the content vertically in flex bo...

21/01/2015

Making images grey to color http://wp.me/p37aOs-3q

Add in Css filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%);

21/01/2015

Smooth Transition Effect http://wp.me/p37aOs-3o

Just add this in css :- transition:all 0.7s ease 0s;

21/01/2015

Making image width and height as sreensize http://wp.me/p37aOs-3m

19/12/2014

Giving half background on div http://wp.me/p37aOs-3c

-box {position: relative;} .col-left-dark:after{ background: ; content:""; height:100%; left:0; position:absolute; top:0; width:50%; }

12/12/2014

CSS3 Button Nice Effect http://wp.me/p37aOs-3a

.btn a { padding:5px 20px; color: #444444; background: transparent; line-height: 100%; border: 2px solid #444444; -webkit-transition: color 300ms ease, background 300ms ease, border-color 300ms ease, box-shadow 300ms ease; transition: color 300ms ease, background 300ms ease, border-color 300ms ease, box-shadow 300ms ease; -webkit-box-shadow: inset 0 0 0 0 #444444; box-shadow: inset 0 0 0 0 #444444 } .btn a:hover { background: #444444; color: white; border-color: #444444; box-shadow: 300px 0 0 0 #444444 inset; text-decoration:none; }

08/12/2014

Increase Bootstrap max width 1170px to 1200 or Else http://wp.me/p37aOs-37

Add this media@ css in your style sheet. screen and (min-width: 992px) and (max-width: 1229px) { .container { width: 970px; } } (min-width: 1230px) { .container { width: 1230px; } }

25/11/2014

CSS: transition from display: none to display: block on “hover” http://wp.me/p37aOs-35

Transition from display: none to display: block is inpossible in CSS on "hover". But there is a workaround. “keyframes” is the solution. 1. define a “keyframe”: @-webkit-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 0.3; } 60% { opacity: 0.5; } 80% { opacity: 0.9; } 100% { opacity: 1; } } [ 32 more words. ]