$circleDiameter: 30rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
$totalElements: 11;
$angleIncrement: 360deg / $totalElements; // Equal angle increment in degrees
$animationDuration: 12.5s;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
@media (max-width:767px){
$circleDiameter: 24rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
}
.section.section--proof .dot--large, .circle__icon {
animation: circle-motion $animationDuration linear infinite;
}
@keyframes circle-motion-small {
from {
transform: rotate(-90deg) translate(1.75em) rotate(90deg);
}
to {
transform: rotate(270deg) translate(1.75em) rotate(-270deg);
}
}
.circle__icon {
animation: circle-motion-small $animationDuration linear infinite paused;
}
.statement--wrapper{
.circle__icon{
animation-delay:var(--anim-delay);
}
}
@keyframes element-blur {
0%, 100% {
filter: blur(3px);
opacity:.2;
}
25% {
filter: blur(0px);
opacity:1;
}
50% {
filter: blur(3px);
opacity:.2;
}
}
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Apply the translation
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
@media (max-width:767px){
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Change values for mobile screens
$randomDistanceX: random($circleDiameter+2) + 2; // New value for X on mobile
$randomDistanceY: random($circleDiameter+1) + 25; // New value for Y on mobile
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
}
//counter
.section {
counter-reset: dotCounter;
}
.section .m--card-wrapper {
counter-increment: dotCounter;
}
.section .m--card-wrapper .dot--large::before {
content: counter(dotCounter);
display:block;
color:var(--color--main);
text-align:center;
}
Dive into all the components that come together to form the Axelar network, for a high-level understanding of the vision, mission and design.Go deeper and gain technical knowledge of how to get started with Axelar.
Axelar is pleased to announce the release of the source code for two Rust-language crates for multi-party cryptography under a permissive and conventional dual Apache2/MIT license.
No items found.
January 17, 2023
Axelar Network opens registration for its incentivized testnet
Axelar network is excited to announce that registration has begun to participate in the incentivized testnet!
No items found.
January 17, 2023
Axelar welcomes Citadel.one as an Official Validator Partner!
As Axelar’s decentralized network continues to expand, strong ecosystem partners remain a key pillar in the path towards mainnet.
News
January 17, 2023
Axelar Announces Cross-Chain Grant Winners, Extends Program
18 teams are building using Axelar’s secure cross-chain communication infrastructure In March, Axelar announced the
News
January 17, 2023
Axelar is Expanding to Polkadot by Integrating with the Moonbeam Network
Axelar announces plans to integrate Moonbeam into its decentralized network of interconnected chains to connect Polkadot with other blockchain ecosystems.
No items found.
January 17, 2023
Axelar Launches Line of Exclusive Community NFTs
Axelar is excited to announce the launch of their first line of participant NFTs!
News
January 17, 2023
Axelar Network to Power Injective Bridge in New Interop Partnership
Today, Axelar and Injective announce a partnership that will allow Injective, a custom interoperable Layer-1 protocol for building DeFi applications, to easily integrate EVM blockchains.
News
January 17, 2023
Axelar Begins Rollout of Public Mainnet Launch for February 2022
Developers will be able to build interoperable, decentralized apps on Axelar network and backend using new APIs and the Axelar SDK
News
January 17, 2023
Axelar Brings Bitcoin To All Cosmos Connected Chains On Testnet
Axelar is excited to release more details on its roadmap for bringing Bitcoin to Cosmos-interconnected chains, which is now live on the testnet.
No items found.
January 17, 2023
Axelar Brings New Assets and Trading Options to Pangolin
Axelar is excited to announce a partnership with Pangolin, a decentralized exchange (DEX) for Avalanche and Ethereum assets.
No items found.
January 17, 2023
Axelar AMA: From Inception to Testnet
On Tuesday, July 2nd, Axelar held its first Ask Me Anything (AMA) on YouTube, where CEO and co-founder Sergey Gorbunov answered community questions and discussed the journey from inception to testnet.
No items found.
January 17, 2023
Axelar Announces Strategic Investment from Crypto.com Capital
TORONTO, Nov. 22, 2021 /PRNewswire/ -- Axelar, the universal interoperability network connecting all blockchain ecosystems, applications, assets, and users, has announced that it has secured a strategic investment from Crypto.com Capital.
News
January 17, 2023
Axelar AMA: Tarun Chitra from Gauntlet w/ Sergey Gorbunov
The path to bestowing true interconnectivity between blockchains is fraught with many pitfalls that a capable team must be able to anticipate before launch. With the help of a seasoned sherpa, even the most perilous precipices can be reached with ease.
No items found.
January 17, 2023
Axelar Announces the launch of their Incentivized Quantum Community Program
Axelar is excited to announce the launch of the incentivized Quantum Community Program! This community-focused program aims to introduce participants to the Axelar network and provide the opportunity to create a variety of original content.
No items found.
January 16, 2023
Accounting for stake in threshold signature schemes
A threshold signature scheme enables a set of parties to split a secret key for a signature scheme in such a way that any subset of t+1 or more parties can collaborate to produce a signature, but no subset of t or fewer parties can produce...
No items found.
January 16, 2023
Axelar Talks Interoperability at Avalanche Summit
Avalanche interoperability of course exists between subnets, but what about on- and off-ramps to the Avalanche ecosystem?
News
January 16, 2023
AMA: Manta Network, Axelar & the Specialized Multichain Future
Axelar and Manta Network co-founders connected for an ask-me-anything (AMA) to discuss interoperability, Web3 use
News
January 12, 2023
What are Cross-Chain Bridges? Benefits and Risks
Even though cross-chain bridges have gained immense popularity, are they the ideal interoperability solution for a cross-chain future?
No items found.
January 11, 2023
What's Next for Axelar in 2023
Axelar wraps up and reviews its first year on mainnet, and looks ahead to what's to come on the network that is pioneering interchain infrastructure.
News
January 5, 2023
How to Bridge Into Cosmos: Transferring Stablecoins From Polygon to Osmosis
Here's how to bridge into Cosmos with $USDC from Polygon to Osmosis. On Osmosis, you can swap your $USDC for any token native to the Cosmos to take the first step in your exploration.
No items found.
December 19, 2022
$60M for Builders Who Can Lead Web3
The next wave of crypto adoption, whenever it may come, won’t be left to centralized “Web2” applications.
News
December 16, 2022
Bring the Program to the Asset
Cross-chain function calls on Axelar allow applications to interoperate without moving assets.
