Mouseover показващ се текст

[k0kicha]

Някъде да има подобен скрит като този сайт.

Трябва ми когато се застане върху снимка, отдолу да се показва текста, както е примера.

 

[syneidesys]

Този е подобен ! Сложи му твое изображение и оправи пътя до него:
Моето изображение е 500 на 500

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <style type="text/css">

    div#splitter { position: relative; overflow: hidden; width: 500px;
    background: #0057a7; font-family: Blue Highway, Arial, sans-serif;
    color: #fff; margin: 0 auto; font-size: 0; }
    div#splitter img { position: absolute;
    transition: 1s all ease-in-out; width: 100%;
    -webkit-transition: 1s all ease-in-out; width: 100%;
     }
    div#splitter span { position: absolute; font-size: 8rem;
    top: 150px; left: 100px; }


    div#splitter img:nth-of-type(1) { clip: rect(0px,500px,250px,0px);  }
    div#splitter img:nth-of-type(2) { clip: rect(250px,500px,500px,0px); }
    div#splitter:hover img:nth-of-type(1) { transform: translateY(-150px);
    -webkit-transform: translateY(-150px);
     }
    div#splitter:hover img:nth-of-type(2) { transform: translateY(150px);
    -webkit-transform: translateY(150px);
     }
</style>
</head>

<body>

    <div id=splitter>
    <span>Flower</span>
    <img src=road-to-nowhere.jpg alt="">
    <img src=road-to-nowhere.jpg alt="">
    <img src=road-to-nowhere.jpg alt="Photograph of highway to Uluru, Australia"
    style=position:static;opacity:0>
    </div>
</body>

</html>

[/url]

 

[syneidesys]

Тука има най различни ефекти :
http://www.htmldrive.net/categorys/show/4/Image-Effects

Или пък този :
http://www.freshdesignweb.com/css3-hover-effects-style-restaurant-menus.html

Даже се нагажда за различни екрани :shock:

Само трябва да си променяш според твоите нужди цветове ,размери и всякакви стойности! :roll:

 

[nqkafff]

Защо просто не дадеш view source и да си запишеш страницата, да видиш какво ти трябва. Може да си го дръпнеш наготово ...

 

[syneidesys]

Тъй като няма зависимост от РНР или минимизирани джаваскриптове ,които са неприятни за четене , току що го дръпнах и пробвах локално!
Не е проблем -освен ,че като цяло се води платена тема за уърдпресс!