Start Date 04,May 2024
|
Ashwani Soni
|
60 hours
|
545 Join
|
English, Hindi
|
CSS
हेल्लो दोस्तों ! आज के इस पोस्ट में बताया गया है की 3 बॉक्स को एक लाइन में कैसे सेट किया जाता है और साथ ही में इसमे बॉर्डर को भी
कैसे सेट किया जाता है इन सबसे बारे में बताया गया है तो चलिए शुरू करते है
अगर आप contact form को आप किसी भी वेबसाइट पर प्रयोग कर सकते है इसका body कोड आपको निचे दिया है
<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>
इसमे आप देख सकते है की इसमे
<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);
}
Vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor Lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh..
Aenean sollicitudin, lorem quis bibendum auctor Lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet..
Bibendum auctor Lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris http://themeforest.net Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat
Kevin Martin Sep 15, 2020
Sit amet nibh vulputate cursus a sit amet mauris lorem ipsum dolor sit amet of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio http://themeforest.net Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat