318pixels does not currently provide support for this item.

8 comments found.

did you use any image in the video presentation or it was simply acted as a text box with css attributes.

infact, i wanted to see an image less text box with css featured.


No, there are no images used in the video presentation. This box is entirely made out of HTML and CSS3 but you can add images into this box and it will have the same effect :)

thanks. great creation.

Thank you. You are welcome! :)

these transitions don’t work as shown in demo. i opened each html page and have refreshed multiple times and they all respond with the same animation effect.

  • I see the issue. the css in the html files only contains the -webkit property…missing mozilla and opera

Hm. I just openend the files and they work fine. And there is nobody else who see the same animation effects. Maybe you should just try downloading this folder again.

i fixed the issue. they work fine if you’re using a webkit browser. thanks.

Why do you use only webkit prefixes? At least add the official properties.

Nice animations man, Loved it ;). but you may want to update the item. you are using webkit prefix for all animations. so it will only work on chrome.

@-moz-keyframes myfirst { from { opacity: 0; -webkit-transform: rotateY(180deg); } to { opacity: 1; -webkit-transform: rotateY(0deg); } }
the fix.
@-moz-keyframes myfirst { from { opacity: 0; -moz-transform: rotateY(180deg); } to { opacity: 1; -moz-transform: rotateY(0deg); } }


Nothing work. Your exemple file havn’t animation, and when i add in my website, nothing.

Can you help me please ?

Great One, welcome to Envato Family