CODEWITHSUNDEEP
javascriptjquerycsscufon
ThomasReggi
ThomasReggi

Reputation: 59485

Cufon textShadow + hover problem

I only want the text-shadow to be on the hover state. 

**JS**
Cufon.replace('.headerright', {hover: true,'fontFamily' : 'League Gothic',textShadow:'0px 1px #cccccc'});
**CSS**
.headerright{text-transform:uppercase; font-size:76px;color:#CD7674;}
.headerright a:hover{color:#444444;}

Upvotes: 1

Views: 4845

Answers (2)

Chris McFarland
Chris McFarland

Reputation: 6169

Your code is defining textShadow from the get-go rather than for the hover event.

Looking at https://github.com/sorccu/cufon/wiki/styling, this should work for you:

Cufon.replace('.headerright', {
    'fontFamily': 'League Gothic',
    hover: {
        textShadow: '0px 1px #cccccc'
    }
});

Upvotes: 3

vipul
vipul

Reputation: 23

Cufon.replace('.menu_item', {fontFamily: 'museo700_regular',hover: {textShadow: '0px 1px #fff'},textShadow:'0px 1px #fff', hover:true});

Upvotes: 2

Related Questions