Forums » CGI & CSS

Criando um Efeito de Elástico no CSS3 em um Input Text

    • 466 posts
    19 de julho de 2014 14:03:06 ART

    <style>
    .elastic_xiglute {
    padding: 4px 2px 4px 24px !important;
    width: 140px !important;
    font-weight:900;
    -webkit-transition: width 2s ease, height 2s ease;
    -moz-transition: width 2s ease, height 2s ease;
    -o-transition: width 2s ease, height 2s ease;
    -ms-transition: width 2s ease, height 2s ease;
    transition: width 2s ease, height 2s ease;
    }

    /*Use :focus para quando selecionar o input ou :active ao clicar e segurar sobre o input */
    .elastic_xiglute:focus {
    width: 400px !important;
    font-weight:900;
    -webkit-transition: width 2s ease, height 2s ease;
    -moz-transition: width 2s ease, height 2s ease;
    -o-transition: width 2s ease, height 2s ease;
    -ms-transition: width 2s ease, height 2s ease;
    transition: width 2s ease, height 2s ease;
    }
    </style>

    <input type="text" class="elastic_xiglute">


    Este post foi editado por Oliveira Dario em 19 de julho de 2014 14:04:11 ART"
    • 122 posts
    7 de outubro de 2019 10:12:39 ART

    • 122 posts
    16 de outubro de 2019 07:05:28 ART

    I want to say thanks to you. I have bookmark your site for future updates.   10 Minute Awakening

    • 122 posts
    20 de outubro de 2019 05:32:41 ART

    I have read your article, it is very informative and helpful for me.I admire the valuable information you offer in your articles. Thanks for posting it..    Truth or Dare

    • 122 posts
    21 de outubro de 2019 06:45:33 ART

    Great Article it its really informative and innovative keep us posted with new updates. its was really valuable. thanks a lot.    Cinderella Solution Review

    • 122 posts
    27 de outubro de 2019 06:44:30 ART

    A debt of gratitude is in order for sharing the information, keep doing awesome... I truly delighted in investigating your site. great asset...   Cinderella Solution

    • 122 posts
    27 de outubro de 2019 08:32:30 ART

    A good blog always comes-up with new and exciting information and while reading I have feel that this blog is really have all those quality that qualify a blog to be a one.  Logo Maker

    • 122 posts
    30 de outubro de 2019 05:25:56 ART

    • 122 posts
    10 de novembro de 2019 06:08:51 ART

    Your content is nothing short of brilliant in many ways. I think this is engaging and eye-opening material. Thank you so much for caring about your content and your readers.   Think and Grow Rich

    • 122 posts
    11 de novembro de 2019 05:06:35 ART

    A debt of gratitude is in order for sharing the information, keep doing awesome... I truly delighted in investigating your site. great asset...    Halki Diabetes Remedy