Css Door open with hover

Description

हेल्लो दोस्तों ! आज के इस पोस्ट में बताया गया है की 3 बॉक्स को एक लाइन में कैसे सेट किया जाता है और साथ ही में इसमे बॉर्डर को भी 

कैसे सेट किया जाता है इन सबसे बारे में बताया गया है तो चलिए शुरू करते है

Contact form in html 

अगर आप contact form को आप किसी भी वेबसाइट पर प्रयोग कर सकते है इसका body कोड आपको निचे दिया है

CSS Code 

<style>
#box
{
height: 400px;
width: 400px;
background: red;
border: 25px groove green;
margin-top: 70px; 
font-size: 30px;
font-weight: bold;
text-align: center;
box-sizing: border-box;
perspective: 600px;
}
#inner
{
height: 350px;
width: 350px;
background: red;
font-size: 30px;
font-weight: bold;
text-align: center;
padding-top: 150px;
box-sizing: border-box;
transition: all ease 3s;
transform-origin: left;
}
#inner:hover 
{
transform: rotateY(360deg);
background: lime;
transition: all ease 3s;
}
</style>

इसमे आप देख सकते है की इसमे 

CSS Code 

<p>This a <span class="crimson-text">crimson text</span> within others.</p>

इसमे आप देख सकते है की इसमे 

hh

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
    color: #690;
}

<p>This a <span class="crimson-text">crimson text</span> within others.</p>

<pre><code class="language-css">p { color: red }</code></pre>

function logStuff() {
  var stuff = "I am logging this.";
  console.log(stuff);  
}