Skip to content

Instantly share code, notes, and snippets.

Hazantip

Block or report user

Report or block Hazantip

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View rabbi logo
@Hazantip
Hazantip / Frame.js
Created Jul 12, 2018 — forked from robertgonzales/Frame.js
Use React portals to render inside shadow dom and iframes
View Frame.js
class Frame extends Component {
componentDidMount() {
this.iframeHead = this.node.contentDocument.head
this.iframeRoot = this.node.contentDocument.body
this.forceUpdate()
}
render() {
const { children, head, ...rest } = this.props
return (
View Custom-shadows.markdown

Custom shadows

Used a styles: :before, :after, transform: rotate, z-index

A Pen by Viacheslav on CodePen.

View CSS-Pattern.markdown

CSS Pattern

Shuriken ornament

This is a six triangles. They became triangles, when add a true deg value (for example: 45deg - triangle, 135deg - triangle (45+90), 225deg- triangle (135+90)... ),

View CSS-Pattern.markdown

CSS Pattern

Mountains ornament

It became like this after transformed from rhombus. Just add background-position for first two gradients.

A Pen by Viacheslav on CodePen.

License.

View UI-Kit.markdown

UI Kit

How to stylize your inputs.

Hide inputs and work with <label for="#">

Compability: even IE8+;

A Pen by Viacheslav on CodePen.

You can’t perform that action at this time.