Skip to main content

Beautiful CSS for curved lines

 CSS for the following image

<style>


.container{

  height:100vh;

  width:100%;

  background:#000;

  }

  .in{

    margin: auto;

   position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

  }

  .inner{

  height:180px;

  width:180px;

  background-image: linear-gradient(to bottom,yellow 20px,#000 20px);

  background-size:100% 41px;

  }

  .inner1{

  height:200px;

  width:180px;

  background:#000;

  border-radius:0 100% 100% 0;

  margin-left:10%;

  }

  .inner2{

  height:200px;

  width:180px;

  background:#000;

  border-radius:100% 0 0 100%;

  margin-right:10%

  }

</style>

<div class="container">

  <div class="in inner">

  </div>

  <div class="in inner1">

  </div>

  <div class="in inner2">

  </div>

  

</div>








Comments

Post a Comment

Popular posts from this blog

show image in asp.net form from database

In order to show image from database to webform first add an image control in webpage.   <asp:Image ID="imgStudentImage" runat="server" Height="157px" Width="160px" /> Then add new webform to read image from database for example displayimage.aspx and in code behind model write the following code. public string str = //your string     public SqlConnection conn;     public SqlCommand sql = new SqlCommand();     public SqlDataReader dr;     public string strSQL;     protected void Page_Load(object sender, EventArgs e)     {         conn = new SqlConnection(str);         conn.Open();         long id = Convert.ToInt64(Request.QueryString["mId"]);         strSQL = "";         strSQL = strSQL + " SELECT snap from S...
Post a Comment
Read more

Snake Xenzia

Hello friends did you remember the GAME you play on nokia 1100 , SNAKE XENZIA .Yeah the same you are thinking ,a snake eating food and go longer and longer till it dies. Why to play it on mobile when it is available on your pc ??? It is made in .net framework 4.0 .Just install the setup and play SNAKE XENZIA . Have Fun !! DOWNLOAD IT   HERE  . Related articles Rattlesnake Dreams "Classsic Snake Game In C"? Resident Evil 6 gamescom demo takes in a giant snake battle Snakes & ladders
5 comments
Read more

Export Doc,Access,Image,CSV,Excel,Pdf,XML,HTML,Text,Print of Gridview in Asp.net

First import itextsharp.dll in the solution and use three namespces (basically for pdf) using iTextSharp.text; using iTextSharp.text.pdf; using iTextSharp.text.html.simpleparser;          Then Use the following code :- on each button  click  protected void Page_Load(object sender, EventArgs e)         {             if (!Page.IsPostBack)             {                 BindGridDetails(GridView1);             }         }                 protected DataTable BindGridDetails(GridView GridView1)         {   ...
1 comment
Read more