Click here to Skip to main content
15,900,724 members
Home / Discussions / Web Development
   

Web Development

 
AnswerRe: web site / book suggestion? Pin
thatraja6-Feb-14 1:51
professionalthatraja6-Feb-14 1:51 
GeneralRe: web site / book suggestion? Pin
clarkedavid22711-Feb-14 4:43
clarkedavid22711-Feb-14 4:43 
GeneralOpen and Hide function asp.net Pin
Fcode-20146-Feb-14 0:17
Fcode-20146-Feb-14 0:17 
AnswerRe: Open and Hide function asp.net Pin
Kornfeld Eliyahu Peter6-Feb-14 3:15
professionalKornfeld Eliyahu Peter6-Feb-14 3:15 
GeneralRe: Open and Hide function asp.net Pin
Fcode-20148-Feb-14 21:09
Fcode-20148-Feb-14 21:09 
GeneralRe: Open and Hide function asp.net Pin
Kornfeld Eliyahu Peter8-Feb-14 21:18
professionalKornfeld Eliyahu Peter8-Feb-14 21:18 
Questionweb page reports Pin
Member 100697235-Feb-14 20:41
Member 100697235-Feb-14 20:41 
AnswerRe: web page reports Pin
thatraja5-Feb-14 21:19
professionalthatraja5-Feb-14 21:19 
GeneralRe: web page reports Pin
Member 100697235-Feb-14 23:12
Member 100697235-Feb-14 23:12 
GeneralRe: web page reports Pin
thatraja6-Feb-14 1:49
professionalthatraja6-Feb-14 1:49 
QuestionAsking a question again... Pin
CoderPanda5-Feb-14 19:20
professionalCoderPanda5-Feb-14 19:20 
QuestionWeb Services Pin
Richard Andrew x645-Feb-14 14:56
professionalRichard Andrew x645-Feb-14 14:56 
AnswerRe: Web Services Pin
Wayne Gaylard5-Feb-14 21:43
professionalWayne Gaylard5-Feb-14 21:43 
QuestionFlash Banner in Mobile asp.net Pin
Fcode-20143-Feb-14 21:30
Fcode-20143-Feb-14 21:30 
AnswerRe: Flash Banner in Mobile asp.net Pin
Richard MacCutchan3-Feb-14 22:03
mveRichard MacCutchan3-Feb-14 22:03 
GeneralRe: Flash Banner in Mobile asp.net Pin
Fcode-20143-Feb-14 22:47
Fcode-20143-Feb-14 22:47 
GeneralRe: Flash Banner in Mobile asp.net Pin
Richard MacCutchan3-Feb-14 22:56
mveRichard MacCutchan3-Feb-14 22:56 
QuestionCSS3 onHover sliding effect Pin
abisheak Balaji31-Jan-14 4:10
abisheak Balaji31-Jan-14 4:10 
I want to create a sliding effect of the backface contents of my image using CSS3.
HTML
<html><body><div class="about">
            <div class="students">
                <div class="frontface">
                <img src="bill.jpg" style="width:250px;height:250px;" /></div>
                <div class="backface">
                    <h3>Bill Gates</h3>
                    <h4 class="profession">Former Microsoft CEO</h4>
                </div>
            </div>
            <div class="students">
                <div class="frontface">
                <img src="andrew.jpg" style="width:250px;height:250px;"/>
                </div>
                <div class="backface">
                    <h3>Andrew Ng</h3>
                    <h4 class="profession">Director of Standford AI lab</h4>
                </div>
            </div>
            <div class="Students">
                <div class="frontface">
                <img src="sebastian.jpg" style="width:250px;height:250px;"/></div>
                <div class="backface">
                    <h3>Sebastian Thurn</h3>
                    <h4 class="profession">Robotics</h4>
                </div>
            </div>
        </div>
</body></html>


CSS
.about{
    position:relative;
    display:inline-block;
    z-index:1;
    float:left;
    width:100%;
    height:auto;
    margin-top:10px;
    padding:0;
}
.students{
    width:250px;
    height:250px;
    float:left;
    margin:20px;
    margin-left:150px;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
}
.frontface , .backface{
    position:absolute;
    width:250px;
    height:250px;
}
.frontface{
    background-size:cover;
}
.backface{
    background-color:#000;
    opacity:0.7;
    backface-visibility:hidden;
    text-transform:uppercase;
    text-align:center;
    font-size:13px;
    z-index:-1;
    color:white;
    transition:color 0.5s linear,font-size 0.1s linear;
}
.frontface:hover{
    z-index:-1;
}


This works good but i am unable to create a sliding effect from the bottom of the image to the top of the image.Any help would be appreciated.
This site gives a good example of it.
Please check out "meet the crew" heading on the homepage of this website
http://www.magneticcreative.com/[^]
Thank you
QuestionStandalone web application Pin
Leng Vang30-Jan-14 5:53
Leng Vang30-Jan-14 5:53 
Questioni have created this and i want to display the form as much time user click on button add_new_form and all data will gather and will insert into database form by form Can u please give a php code for it. Pin
Swap function29-Jan-14 2:59
Swap function29-Jan-14 2:59 
AnswerRe: i have created this and i want to display the form as much time user click on button add_new_form and all data will gather and will insert into database form by form Can u please give a php code for it. Pin
Kornfeld Eliyahu Peter29-Jan-14 6:18
professionalKornfeld Eliyahu Peter29-Jan-14 6:18 
QuestionMVC Web API for Chatting Application Pin
sachin.vishwa9026-Jan-14 7:49
professionalsachin.vishwa9026-Jan-14 7:49 
AnswerRe: MVC Web API for Chatting Application Pin
Richard MacCutchan26-Jan-14 21:58
mveRichard MacCutchan26-Jan-14 21:58 
GeneralRe: MVC Web API for Chatting Application Pin
sachin.vishwa901-Feb-14 2:58
professionalsachin.vishwa901-Feb-14 2:58 
QuestionConversion of Byte array to Bitmap Image Pin
Harpreet05Kaur24-Jan-14 19:39
Harpreet05Kaur24-Jan-14 19:39 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.