Skip to content

Instantly share code, notes, and snippets.

View lukasborawski's full-sized avatar
✨

Lukas Borawski lukasborawski

✨
48 followers · 45 following
View GitHub Profile
@lukasborawski
lukasborawski / index.html
Created November 21, 2011 09:58
CSS3 Cloud
<html>
<head>
<title>My Loved Creation - CSS3 Cloud</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="whole_container">
<div id="main_container">
<div class="cloud_box">
<div class="cloud_arm_01 border-radius"></div>
@lukasborawski
lukasborawski / index.html
Last active September 21, 2017 11:01
CSS3 CD Audio Box - https://codepen.io/anon/pen/zEBRVq
<html>
<head>
<title>CSS3 CD Audio Box - My Loved Creation</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<section>
<div class="cd first_cd rotate_default">
<div class="cd_in"></div>
</div>
@lukasborawski
lukasborawski / index.html
Created January 12, 2012 11:25
QDO Ventures Pure CSS Logo
<!DOCTYPE html>
<html>
<head>
<title>QDO Ventures - Pure CSS Logo</title>
<link rel="stylesheet" href="style.css"/>
<link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One' rel='stylesheet' type='text/css'>
<meta charset="utf-8" data-count="1">
</head>
<body>
<header>
@lukasborawski
lukasborawski / functions.js
Created February 17, 2012 08:56
CSS3 and jQuery Pagination - www.blog.lukasborawski.pl/demos/pagination/
$(document).ready(function(){
$('ol.pagination_list li').addClass('gradient');
$('ol.pagination_list li').click(function(){
$('li').removeClass('active');
if ( $(this).hasClass("active")) {
$(this).removeClass("active");
}
else {
$(this).addClass("active");
}
@lukasborawski
lukasborawski / index.html
Created October 28, 2012 15:25
CSS3 Breadcrumbs Concept
<div class="content_row content_row_01">
<div class="breadcrumb">
<ul>
<li><a href="#" title="Main Link" class="link">Main</a></li>
<li><a href="#" title="Main Link" class="link">Main Category</a></li>
<li><a href="#" title="Main Link" class="link">Sub Category</a></li>
<li><a href="#" title="Main Link" class="link">Current</a></li>
</ul>
</div>
</div>
@lukasborawski
lukasborawski / index.html
Last active December 11, 2015 08:18
Input[type="file"] concept.
<section class="content">
<div class="file_input_add_file box_matched">
<h4>Select file from your hard drive.</h4>
<fieldset class="add_file">
<label class="">
<input type="text" placeholder="the path to your file" class="file_name_field box_matched">
<span class="file_error_info">you did not select any file</span>
</label>
</fieldset>
<fieldset class="add_file">
@lukasborawski
lukasborawski / 01-file_shift.html
Last active December 28, 2015 18:29
Smooth SCSS @mixin generating notch and move for the element.
<!--
To change the value, change the number,
you may change the number of global shifts ($sft-o) and the number of its replication ($size).
-->
<!-- Usage for margins -->
<div class="shift_m_1 shift_m_hz-1 shift_m_vr-1"></div>
<!-- Usage for paddings -->
<div class="shift_p_1 shift_p_hz-1 shift_m_vr-1"></div>
@lukasborawski
lukasborawski / 01-file_tooltip.html
Last active December 30, 2015 00:39
Simple tooltip plugin.
<span class="tooltip" data-tooltip="Tooltip data">Element</span>
@lukasborawski
lukasborawski / 01-file_index.html
Last active December 30, 2015 00:49
CSS Animated Buttons.
<!DOCTYPE html>
<html>
<head>
<title>CSS3 Animated Buttons</title>
<link rel="stylesheet" href="style.css"/>
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="description" content="CSS3 Animated Buttons">
<!--[if gte IE 9]>
@lukasborawski
lukasborawski / input.html
Last active December 31, 2015 08:49
SCSS multiclass BEM model @mixin.
<div class="bg_white-black"></div>