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

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

im2col function in MATLAB explanation

Let us suppose we have A=[1 1;2 2] 1 1 2 2 ... ok Now img2col syntax  == im2col(A,[m n],block_type) Where block type = ('distinct','sliding') distinct places 0's in the final output,,,for padding, sliding,,repeats from the very first matrix element. after all elements read out. Now.. Now [m n] -- very important .... Number of Rows to show = M*N (if m=2 ,, n=2 then each column has 4 elements..) and Number of element fetch to repeat is M in row... That means,, OUTPUT OF THIS - im2col(A,[2 2], 'sliding') ans =      1      2      1      2 -- if  A=[1 1 1;2 2 2] A =      1     1     1      2     2     2 then im2col(A,[2 2], 'sliding') ans = contains 4 rows....as 2*2 ...   and fetch 2 elements as M=2 here... and slidin...
Post a Comment
Read more