Nemra1

CSS Gooey Menu (Version 3)

Gooey menu with CSS and SVG filters. Version 3

A Pen by Lucas Bebber on CodePen.

License.

Nemra1

<h1>Just some button designs</h1>
<h3>that really float.</h3>

<!-- <small>(They float. That's what makes them deep.)</small> -->

<hr>

<button>Classic “floating” button</button>

<hr>

Nemra1

<div class="search-message"><span class="start-search">Use the search box above to see results.</span>
   <span class="no-results">No results found.</span> 
    </div>
    <div class="search-container">
      <div class="row">
        <div class="small-12 medium-4 search-container-inner columns">
          <div class="user-input input-group">
            <input class="search-query input-group-field" placeholder="Search Wikipedia" type="text"><div class="input-group-button">
              <button class="button search-button "><span class="icon-magnifier"></span></button>
            </div>

Nemra1

Bouncy floating menu

Pen inspired on https://codepen.io/dhanishgajjar/pen/NyeqvL by @dhanishgajjar

A Pen by Luis Adame on CodePen.

License.

Nemra1

.container
  h1 Vertical CSS Menu
  .overlay
  .container-header
    .container-header-items
      .container-items
        .logo
          .box-icon-logo
            - 3.times do
              .item-logo

Nemra1

<ul class="slide-bar">
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

Nemra1

Animated Background (CSS only)

A Pen by Deven Blackburn on CodePen.

License.

Nemra1

FlexBox Exercise #4 - Same height cards

Same height cards with hover effect (#CodePenChallenge )

A Pen by Veronica on CodePen.

License.

Nemra1

<!-- 

Material Cards Designed especiall for Posts with an Image and Post Information, Along with social buttons.

Responsive using flexbox.

Pure CSS, No JS

Images Used in Pen are Not Mine :

Nemra1

<!-- 

Material Cards Designed especiall for Posts with an Image and Post Information, Along with social buttons.

Responsive using flexbox.

Pure CSS, No JS

Images Used in Pen are Not Mine :