[acid45087]

The second page of the bookcard sometimes flashes and blinks before it opens to reveal the portfolio. what could be causing this?

http://www.morankal.com

[Mehmet S.]

Hi,

Did you have any installed plugin on your wordpress?

[acid45087]

Just the standarts:

Akismet
Hello Dolly
WordPress Importer

[acid45087]

I know now what is causing it… you gave me this code to delay the opening of the second page of my book:
.rm-container.rm-open .rm-right {
-webkit-transition: all 1.0s ease-in-out, height 0s;
transition: all 1.0s ease-in-out, height 0s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
and everytime I make the -webkit-transition-delay and transition-delay more then 0.3s it begins to blink and flash… why is that. I need the delay to be more but how can I do that without suffering the blinking bug?

[LittleRedRoosterCreative]

Hi, I played about with this weeks ago, (didn’t have Mehmet’s code above). I pasted the following code into Appearance > Editor. Only blinks when on iPad but have since set to ‘safe’ mode for mobile devices anyway so not an issue.

/* Transitions */
.rm-container.rm-open .rm-cover {
-webkit-transform: rotateY(-180deg);
-webkit-transition-delay: 0.3s;
-moz-transform: rotateY(-180deg);
-moz-transition-delay: 0.3s;
-o-transform: rotateY(-180deg);
-o-transition-delay: 0.3s;
-ms-transform: rotateY(-180deg);
-ms-transition-delay: 0.3s;
transform: rotateY(-180deg);
transition-delay: 0.3s;
}

.rm-container.rm-open .rm-right {
-webkit-transform: rotateY(180deg);
-webkit-transition-delay: 1.4s;
-moz-transform: rotateY(180deg);
-moz-transition-delay: 1.4s;
-o-transform: rotateY(180deg);
-o-transition-delay: 1.4s;
-ms-transform: rotateY(180deg);
-ms-transition-delay: 1.4s;
transform: rotateY(180deg);
transition-delay: 1.4s;
}

Play around with values until you’re happy, but this works well for me.

[Mehmet S.]

@acid45087: Your site is better then before now.

@LittleRedRoosterCreative: Thanks